正在阅读:Chrome十岁了你只当它浏览器?这些神玩法知多少Chrome十岁了你只当它浏览器?这些神玩法知多少

2018-09-08 00:15 出处:PConline原创 作者:Aimo 责任编辑:censi

  Chrome DevTools for Mobile:电脑调试手机网页

  再来介绍一个和开发者以及移动平台息息相关的Chrome玩法吧。在移动互联网时代,WAP页面和APP的在线内容渲染显得越来越至关重要。但手机浏览器并不像桌面浏览器那样功能齐全自带调试功能,那么该怎样才能调试WAP网页?用桌面浏览器伪装UA开启WAP网页调试的话也不是不可以,但运行环境始终不是移动平台,存在一些差异。而使用Chrome DevTools for Mobile,就可以直接用PC上的Chrome来调试手机打开的WAP页面,测试更加方便。


在地址栏输入“chrome://inspect”,可以看到相关界面

  在Chrome浏览器中输入“chrome://inspect”,可以看到“Devcies”一项,这时可以通过网络或者USB调试来连接移动设备。在连接成功后,桌面版的Chrome浏览器就会显示手机中Chrome开启的网页,如此一来就可以用桌面版的Chrome对这些网页进行调试了。


成功连接安卓设备后,可以调试通过WebView显示的网页

  使用Chrome DevTools for Mobile调试WAP页面有很多便利之处,例如一些和触控相关的事件,直接就可以调试完后在手机上测试,不需要像以往那样在PC做完工作再把网页发送到手机当中测试。而进入到Screencast视图后,PC上还可以显示手机屏幕的网页内容,甚至不用拿起手机也可以对手机中的网页进行调试工作了。如果使用的是Chrome 32以上的版本,那么还会支持Native USB Debugging,不需要开启手机的USB调试模式,也可以连接手机调试网页,更加方便和安全。

  Chrome DevTools for Mobile这一特性在方便开发者的同时,其实也或多或少影响着移动互联网的生态。得益于桌面和移动平台可以互联调试,因此很多WAP页面都会以兼容Chrome为优先。

  一键开启Chrome所有UI相关实验功能

  我们都知道Chrome的版本号狂魔,而Chrome在新功能新特性方面的更新也如同版本号一样,刷新得非常频繁。不过,这些新功能新特性并非是一定就默认开启的,例如最近Chrome大改版换装了新UI,但却没有默认开启。老玩家知道如果想要第一时间开启这些新特性,需要在Chrome中输入“chrome://flags”进入到实验特性界面,再手动开启之中的实验功能。


一键启用所有UI相关实验新特性

  Chrome的实验功能是非常多的,如果一个个手动开启,那无疑相当麻烦。在最新版的Chrome 69当中,在地址栏输入“chrome://flags#upcoming-ui-features”,就可以一键启用所有UI相关实验功能和特性了,非常便利。

  不过按照以往的经验,Chrome的实验特性也存在一些不稳定的情况,如果你是一名普通用户,那么还是按照默认设置运行来得好,玩家的话倒是可以尝鲜把玩。

  总结

  Chrome已经成为了世界上最流行的浏览器,不过它的很多功能仍超乎用户的想象。Chrome已经十周岁了,它还会走过下一个十年吗?期待Chrome能继续锐意进取,给用户们带来更多不可思议的功能吧。

键盘也能翻页,试试“← →”键

关注我们

最新资讯离线随时看 聊天吐槽赢奖品