[Guide] Capturing mobile view of entire webpage from your desktop EASILY.

Hi everyone , I know some people will really enjoy this quick guide so thats why i am making it!
I needed an entire page screenshot of a page on mobile for work
If you ever tried to download an app that does that then you know they are all absolute shit.
So recently i found an easy way to do it right from my computer!

step 1: install chrome browser
step 2: install this extension : https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl

step 3: go on the site you want to capture , lets say its black hat world and Right click > Inspect on any part of the page

step 4: Hit CTRL+SHIFT+ M (must be inside of inspect menu)

step 5: use the extension to capture entire page +scrolling in mobile view with no problem

Result :


Hope this helps some people!

Thanks! Very helpful

Helpful

Do websites like instagram recognize this as mobile traffic or desktop traffic?

Always love technical side of things.

The platform will recognize it as desktop traffic.
This is just basically giving you the mobile perspective through the extension.


Other alternative that you can try is.
Opera Mobile Emulator in which it will show the website via tablet/phone and etc depends on what settings you will be choosing.

You can do same in firefox without extension.

Just press CTRL+SHIFT+ M.

It will take you to responsive design mode.

In responsive design mode, you also have option to select device type like smartphone, tablet, laptop etc.

To take screenshot, use inbuilt screenshot function.

Moreover user agent it will be seen as mobile traffic.