系列文章目录导航: -
调试是软件开发过程中很重要的环节,它能帮助开发者快速的定位和解决开发过程中碰到的问题。对于HTML5的开发,大家都知道Chrome的DevTools工具有强大的功能和友好的用户体验,不仅能快速方便调试JavaScript、检查HTML页面DOM结构、实时同步更新元素CSS样式,还能跟踪分析页面资源加载性能等问题。对于移动平台的开发者来说,从就可以使用chrome调试,有些翻墙软件支持的dns并不全。关键是要ping通(此url可能随google调整服务而变化)。
还有一个简单易行的方法是修改本机host。这里提供一些host清单。,注意及时更新。于2016年7月25日亲测可行,注意此host文件涉及的国外域名很多,不需要的dns解析可以删除)
注意host文件修改在window下需要管理员权限,具体方法本文不讲述请自行百度。
打开调试页面后DevTools会自动加载相关资源,调试页面操作方式与普通html调试页面完全一致。
选中DOM元素后,在设备上会高亮显示,右侧Styles下修改CSS属性可即时生效:
节目简介:大家好我是闪电se解说,喜欢我的话多多支持我~谢谢企鹅号
没有找到ta的相关视频
没有找到ta的相关视频
没有找到ta的相关视频
没有找到ta的相关视频
没有找到ta的相关视频
没有找到ta的相关视频
您使用浏览器不支持直接复制的功能,建议您使用Ctrl+C或右键全选进行地址复制
正在为您下载爱奇艺客户端
安装后即可快速下载海量视频
正在为您下载爱奇艺客户端
安装后即可免费观看1080P视频
您使用浏览器不支持直接复制的功能,建议您使用Ctrl+C或右键全选进行地址复制
将视频分享给微信好友或微信好友圈。