[]分享:使用谷歌浏览器调试手机网页

已邀请:

cuixueying

赞同来自:

使用谷歌浏览器调试手机网页  
  在网页开发的时候使用谷歌浏览器的开发者工具调试网页非常方便,如果是现在开发手机网页的时候也可以使用谷歌浏览器来调试了

工具/原料
  android手机
  谷歌浏览器
 
方法/步骤

1、首先确保电脑手机上都已经安装谷歌浏览器,电脑上已经安装手机驱动软件用数据线连接手机和电脑

01.png

 
2、打开手机开发者选项,打开usb调试

2.png

 

201.png

 

202.png

 
3、点谷歌浏览器右上角菜单按扭,选“更多工具”,选“检查设备”

3.png

 
4、这时浏览器就会显示已连接到电脑上的手机

4.png

 
5、在手机打开手机谷歌浏览器,打开要调试的网页,这里电脑端就会显示手机上打开的网页列表

5.png

 
6、在电脑上你可以通过这里刷新手机上的网页,给手动上打开新网页,设置当前网页,当然最重要的是点“inspect” 就可以打开开发都工具了!

6.png

 
7、然后就能使用开发者工具像调试电脑上打开的网页一样调试手机上打开的网页了

7.png

 
8、最后有一个问题,就是有时候大家点“inspect”后出来的开者工具是空白窗口,这个原因可能是因为开发者工具其实是一个网页应用,它并没有像普通的网页开发者功具一样集成到安装包里,和浏览器一起安装,而是在第一次使用的时候,再到网上打开这个网页,但是由于你懂的原因,这个网页没办法打开,所以你知道下面要怎么办了吧(感谢我们伟大的方老师的伟大的防火墙为我们带来的安全,不受外面不良思想的影响)

要回复问题请先

商务合作
商务合作