Getting emulated mobile view of a temporarily changed html page
I am using a chrome extension to temporarily change layout of a Google search webpage. I am changing heading and description of the Advertisements displayed. This part works fine. Next, I need to take screenshot of desktop, tablet and mobile views. getting desktop view is pretty straight. However, for tab/mobile view if I uses any of mobile emulator, or dev console, they refresh the html page before providing the mobile/tab emulation. This results in loosing the html page changes that were done by the chrome extension. Is there are way to use mobile emulation without reloading/refreshing the page, so that the changes done in html are intact even in tables/mobile views.
I got the answer ! In Dev console, we have the option device toggle(Ctrl+Shift+M) This way, temporary DOM changes done in desktop view were intact in mobile view as well.
Upload a File in a Google Chrome Extension
How to detect when action popup gets closed?
Tracking non-idle time spent on active tab in Google Chrome for a given domain
Chrome Extensions: simple message passing vs chrome connection
Change height of popup window
Google Chrome extention modifying page request
Extension reload seems to lose content script's CSS
Chrome Page Action click not working
Can a chrome extension content script detect if it is running in iframe or top-level?
Google Chrome Extension Store tester accounts-but how?
Is there a limit on number of requests to Chrome history API from an extension?
when URL does not exists it shows the alert twice? Chrome Extension Developing
how to popup my google chrome extension
Upload stuck on Chrome Extension
how do i set the browseraction popup width and height?
Using a remote script in a Google Chrome extension