前端开发,GoogleChrome是目前大家在开发中接触最多的浏览器。下面我总结了几个我经常用到的Chrome浏览器开发工具调试Tips:1.如果不想发送请求执行函数,想检查请求参数是否正确,可以选择network网络上方的选项下拉离线(Offline):当你想测试弱网络环境时,你也可以在这里选择快慢3G模式或者自定义限流。2.获取接口参数,如果需要完整的输入对象结构,直接复制请求是不行的。点击viewsource复制输入参数可用的字符串对象:当你想在Console中直接操作任意输入参数时,可以右键输入参数,选择Storeobjectasglobalvariable,可以看到多了一个全局变量控制台中的temp1。3、控制台打印console.log(a,b,c),方便同时输出多个变量。比较时有用:还有其他的日志花式风格和其他风骚操作,这里就不说了,大家可以自己摸索4.清除网站缓存调试无缓存情况时,除了清除浏览器历史记录外,也可以在应用栏中选择Storage-ClearWebsiteData一键清除当前网站的所有缓存数据:如果觉得不够可以试试右击刷新图标点击清除缓存andhardreloadorCtrl+F5:5.DOM元素样式,事件跟踪元素面板不仅可以实时修改上面的样式,而且当遇到一些继承样式污染时,点击箭头可以快速跟踪代码位置。在事件栏中,还可以查看当前元素绑定了哪些事件,通过移除事件来定位问题。
