如何模拟谷歌浏览器(如何模拟谷歌浏览器的网页)

各位老铁们好,相信很多人对如何模拟谷歌浏览器都不是特别的了解,因此呢,今天就来为大家分享下关于如何模拟谷歌浏览器以及如何模拟谷歌浏览器的网页的问题知识,还望可以帮助大家,解决大家的一些困惑,下面一起来看看吧!

如何模拟谷歌浏览器(如何模拟谷歌浏览器的网页)

本文目录

  1. Chrome浏览器模拟手机访问网站的设置图文方法
  2. 如何模拟手机浏览器
  3. 电脑谷歌浏览器Chrome怎么用 操作步骤有六个
  4. 谷歌浏览器chrome怎样转换成IE内核
  5. 电脑如何正常使用谷歌浏览器
  6. 谷歌浏览器模拟手机怎么操作
  7. 谷歌浏览器怎么模拟手机浏览访问网页的效果

一、Chrome浏览器模拟手机访问网站的设置图文方法

以前我们介绍过如何通过修改Chrome浏览器运行参数的方法来模拟手机访问网站,但是在Chrome 32和33版本以后增加了更加便捷的方法,在开发者工具中只需要设置一下就能方便的模拟各种手机型号的访问效果了。

1、打开Chrome浏览器,需要32以后版本的。笔者使用的是Chrome 33版本。

2、打开“开发者工具”,快捷键(F12或者Ctrl+Shift+i)。

3、在“开发者工具”界面的右侧有个“Show drawer”按钮,点击后在“drawer”界面再点击“Emulation”。

4、这个界面就一目了然了,Device里面可以选择各种手机或者平板设备,大概有20种之多。User Agent和Sensors显示了模拟的数据。点击“Emulate”按钮就可以生效了。

5、然后就在地址栏里面输入网址吧!看看模拟的效果怎么样?

谷歌Chrome浏览器模拟手机浏览器的方法(修改启动参数的方法):

谷歌Chrome浏览器,可以很方便地用来当3G手机模拟器。在Windows的【开始】--【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访问3G手机网页:

  chrome.exe--user-agent="Mozilla/5.0(Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1(KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"

  chrome.exe--user-agent="Mozilla/5.0(iPhone; CPU iPhone OS 5_0_1 like Mac OS X) AppleWebKit/534.46(KHTML, like Gecko) Mobile/9A405"

  chrome.exe--user-agent="Mozilla/5.0(iPad; CPU OS 5_0_1 like Mac OS X) AppleWebKit/534.46(KHTML, like Gecko) Mobile/9A405"

  chrome.exe--user-agent="Mozilla/5.0(SymbianOS/9.4; Series60/5.0 NokiaN97-1/20.0.019; Profile/MIDP-2.1 Configuration/CLDC-1.1) AppleWebKit/525(KHTML, like Gecko) BrowserNG/7.1.18124"

试一试,分别用Android、iPhone、诺基亚访问一些门户网站,比如网易、淘宝、新浪等这些3G手机网页,看看有什么不同。

更多款手机的User-Agent:

如果想切换回普通浏览器模式,关掉所有Chrome浏览器,重开即可。如果不想关闭浏览器,切回普通浏览器模式,则访问:

chrome.exe--user-agent="Mozilla/5.0(Windows NT 6.1) AppleWebKit/535.7(KHTML, like Gecko) Chrome/16.0.912.77 Safari/535.7"

二、如何模拟手机浏览器

chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备。以下标星的为推荐方法。

右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择“复制”,复制一个图标副本到桌面。右击该副本,选择“属性”,打开相应的对话框,在“目标”文本框的字符后面添加以下语句:“–user-agent=”Android””,如下图:

注意user前面是两个“-”,并且“chrome.exe”与“–user”之间有一个空格。确定之后,打开这个新建的Chrome快捷方式,输入3g.qq.com就可以浏览到像手机里打开一样的页面了。

这时可以新建一个用户,就不影响原来用户访问的时候也是访问的手机版。

开始–运行中输入以下命令,启动浏览器:

chrome.exe--user-agent="Mozilla/5.0(Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1(KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"

chrome.exe--user-agent="Mozilla/5.0(iPad; U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10(KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10"

这种方法仅供特殊情况下使用,因为重启Chrome将不能恢复正常User-Agent,所以是一次性。

插件可以很方便切换各种user-agent,很方便,但是可能会稍微影像性能。

User-Agent Selector地址:

从上图可以看到,还有很多类似的插件,其实功能都大同小异。

打开chrome开发者工具,按F12(r32版本),然后找到右上角的齿轮按钮,打开设置面板,选择Overrides,勾上Show‘Emulation’ view in console drawer(在控制台视图中显示“仿真”)。

然后关闭设置面板,选择Elements面板(非Console就可以),找到右上角打开控制台面板,选择控制台面板里的Emulation面板,右边有很多选项,选择一个点击Emulate就可以了,Reset按钮能恢复到默认状态。

打开仿真后,打开,即可看到如下的手机下的界面

这种方法简单好用,而且不需要重启,推荐这种方法。

注意:以上第一种和第二种方法都需要将全部打开的chrome窗口关闭,再打开才能起作用。

和chrome一样安装插件修改user-agent的方法,搜索wmlbrowser、XHTML Mobile Profile以及User Agent Switcher三个插件

2.火狐响应式设计+修改user-agent*

最近的火狐自己添加响应式设计功能和3D试图都很棒,打开火狐自己的控制台(非firebug),找到右上角的响应式设计按钮。

但我们看到打开QQ的站点并未被自动引到QQ的移动页面,这样只对响应式设计的界面起作用,对想QQ这样云端判断,返回不同页面的并不适应,这里就要配合上面的方法,再改下user-agent,即可实现类似chrome的调试功能。

安装的方法参考这里:

安装完成后可打开如下界面,可用里面的浏览器打开网站即可,但这种方法打开的是电脑网站,而不是手机网站,也就是他的user-agent不是手机的,故对响应式界面起作用,对判断user-agent的网站不起作用,访问qq,baidu等返回的都是电脑界面。

三、Opera*浏览1.修改user-agent

和chrome和firefox类似,可自行安装插件,自opera12之后,opera改用webkit内核,故可安装chrome的插件,也可自行在opera的商店中搜索插件

User Agent Changer下载:

2.Opera Mobile Emulator+ dragonfly*

下载适合自己的版本,安装完毕会开如下界面:

左侧选择平台,右侧选择参数,选择完毕点击启动,如下的几面,用过手机opera的朋友会很熟悉,就是手机opera

关于opera mobile emulator的更详细介绍参看文章末尾参考资料的相关内容。

但此时,还是只能看而已,不能调试模拟器里的网站,这里需要dragonfly配合以实现调试,由于opera12后换了内核,不能安装dragonfly了,所有你需要一款opera12的浏览器,和dragonfly的离线包,配置好后具体如何连接请参看这里

全部设置好后即可实现在电脑上调试手机网页,如下图所示:

opera mobile emulator下载地址:

做安卓开发的肯定都知道安卓模拟器,这是谷歌官方的提供的开发环境,能模拟安卓环境,还可切换各个版本,可下载配置好的环境,然后打开eclipes,直接打开AVDM,穿件一个AVD,然后start,如下图:

要等一大会时间,会打开模拟器,和安卓环境一样,打开里面的浏览器测试即可。但我的浏览器打不开不知道为什么,郁闷的很啊。

下载地址:

这也是一款模拟器,可自行搜索,本人安装后电脑就卡死了,可能我的电脑配置不行吧,看介绍还是不错的。

在线只能测试界面的视觉效果,不能调试,但也是很不错的。

非常不错,速度也很快,界面很简洁,支持多种平台。

需要java环境支持,单一平台,opera出品,速度很快。

说实话弄了半天也没弄出来,大大的鄙视下吧,但是能测试的平台很全面。

以上列出了多种方法,各有利弊,希望大家选择适合自己的方法,本人推荐chrome自带模拟器和opera mobile emulator+ dragonfly的方法。因为这两种方法,接近真是手机环境,又能调试css和js。

当然文中没有提到的还有最好的方法就是你有一台手机,那就太好了,配合远程调试,是最最理想的办法。

三、电脑谷歌浏览器Chrome怎么用 操作步骤有六个

下面是Chrome浏览器的六个基本操作步骤:

1.打开Chrome浏览器,点击浏览器窗口右上角的三个纵向的点,选择“新建标签页”或“新窗口”,或者直接在地址栏输入网址进入网站。

2.在Chrome浏览器中,地址栏通常位于浏览器窗口的顶部,您可以在此处输入您要访问的网站地址或搜索关键字。

3.如果您需要在浏览器中打开多个标签,可以按Ctrl+T打开新标签页,在新标签页中输入要浏览的网址。

4.若要查找某个网站,可以使用Chrome的搜索框,在窗口右上角输入要查找的关键字,并点击结果页面上的链接。

5.如果您需要在某个网页中进行特定操作,如搜索或下载文件,可以使用页面上的菜单或相应的操作按钮。

6.当您完成浏览或要退出Chrome浏览器时,单击浏览器右上角的关闭按钮即可退出浏览器。

四、谷歌浏览器chrome怎样转换成IE内核

1、在谷歌商店或者网上搜索下载谷歌插件IETab,然后打开谷歌浏览器,点击右上角地址栏后面的三条设置按钮;

2、在下拉列表中找到“设置”选项,然后点击“设置”选项;

3、在列表中“扩展程序”选项,然后选择“扩展程序”选项;

4、将下载好的文件夹中的IETab插件直接拖入谷歌浏览器中;

5、在弹出的对话框中选择:添加扩展程序选项框;

6、可以看到在谷歌浏览器扩展程序页面已安装IETab,并已启用,在地址栏后方也出现IETab的插件图标;

7、在不兼容的网页中,可右键选择IETab打开,或者直接点击地址栏后面的IETab图标,以兼容模式打开网页。

五、电脑如何正常使用谷歌浏览器

1、首先打开电脑桌面上的谷歌浏览器。

2、这时会看到页面显示无法访问网页。

3、然后点击页面右上角的三个竖向的小点

4、然后在弹出的窗口点击【设置】

5、接着向下拉页面,在搜索引擎那里把谷歌切换为【百度】

6、切换完成后点击右上角关闭浏览器

7、最后重新打开谷歌浏览器,作为例子在搜索框输入【百度】并搜索,

8、这样就可以使用谷歌浏览器Chrome了。

六、谷歌浏览器模拟手机怎么操作

1、我们在使用谷歌浏览器的时候,许多用户还不知道谷歌浏览器模拟手机的操作,下文这篇教程就为各位带来了谷歌浏览器模拟手机的操作教程。

2、打开谷歌浏览器(GoogleChrome),并在地址栏输入想模拟的网站网址,点击进入;

3、在空白处点击鼠标的右键,选择审查元素,进入谷歌浏览器开发后台;

4、选择Emulation,在device下选择可模拟系统,系统很多,安卓,苹果,手机,平板都能模拟,如图:

5、点击Emulate进行相应的模拟,当鼠标变成一个小黑点时,就代表模拟成功,可以查验。

七、谷歌浏览器怎么模拟手机浏览访问网页的效果

谷歌浏览器想要实现使用利用谷歌浏览器浏览手机访问页面的功能,该怎么设置呢?下面我们就来介绍两种方法,请看下文详细介绍。

单击开始----所有程序,选择Google Chrome选项,打开谷歌浏览器。

1、打开浏览器后,单击右上方的菜单浏览按钮。

2、单击更多工具----开发者工具选项,如下图所示。

2、开发者工具打开以后,选择手机图标的按钮。

3、可以看到浏览器的页面,变成了手机访问页面效果了。

4、单击上方的Responsive选项,可以选择模拟的手机型号,本人选择了iPhone 6 Plus选项。

5、上方的显示比例处,可以设置浏览器显示页面的比例,本例选择了50%。

6、单击显示比例旁边的按钮,可以切换为横屏显示或竖屏显示。

好了,关于如何模拟谷歌浏览器和如何模拟谷歌浏览器的网页的问题到这里结束啦,希望可以解决您的问题哈!

声明:信息资讯网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,版权归原作者东方体育日报所有。若您的权利被侵害,请联系 删除。

本文链接:http://www.gdxhedu.com/news/133854.html