google-chrome-extension


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.

Related Links

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

Categories

HOME
maven
ibm-bluemix
arduino-uno
hook
proxy
gremlin
deezer
drivers
raspberry-pi
relayjs
youtube-dl
q
amazon-ecs
cakephp-2.5
cross-browser
ojdbc
node-notifier
row
qt-creator
task
dtrace
apache-metamodel
http-status-code-504
openedx
jtextfield
visjs
scriptcs
intentfilter
kvc
google-search-api
zurb-foundation-6
php-openssl
pingfederate
bootstrap-material-design
maquette
subdomains
c++-amp
primitive
delicious-api
bpel
fabric8
iframe-resizer
xquery-3.0
pdb
c11
twitch
splice
ensembles
gpx
s
thin
qcombobox
idisposable
ifs
linode
dynamics-sl
vtigercrm
color-picker
spring-android
removechild
bonobo
transmitfile
qpid
gridview-sorting
ios4
purge
angular-leaflet-directive
event-bubbling
apache-commons-fileupload
unity5.2.3
skos
c++03
python-green
java.util.concurrent
neolane
code-access-security
jquery-layout
rtmfp
concurrent-collections
viadeo
google-cloud-save
buster.js
mylyn
eventlistener
flashvars
simba
errai
viewswitcher
objective-c-2.0
reddot
dotnethighcharts
asp.net-mvc-areas
procedural-music
rtml

Resources

Encrypt Message