首页 > 其他 > 详细

Chrome调试技巧

时间:2017-09-16 22:54:09      阅读:263      评论:0      收藏:0      [点我收藏+]

    1.利用console控制台查询字体编码    

      • 打开浏览器,按下键盘F12 至控制台
      • 输入escape("要查询的字体中文名称")(注意:括号与引号都是英文输入法下输入)
      • 将查询到的结果中的符号替换成\即可
        例如:华文新魏 查询到的是"%u534E%u6587%u65B0%u9B4F" ,写成font-family:"\534E\6587\65B0\9B4F"         
          

         技术分享

 


   2.模拟移动端及不同浏览器效果

      • 单击标志技术分享,可切换到移动端效果 
      • 可以改换尺寸,旋转横放,更换各类设备

技术分享

      • 在Network conditions中

技术分享

      • Network throtting:模拟网速
      • User agent:模拟移动端和其他浏览器

技术分享


   3.模糊匹配查找

      • Ctrl+Shift+F:实现模糊匹配和全网站/单网页查找

     

  4.IE浏览器中配有页面取色器

 

 


   5.事件监听

      • 相应动作触发调试

  

技术分享

 


   6.格式代码

      •  左下方 技术分享Pretty Print,处理压缩代码

 


    7.Adblock 

      • 屏蔽广告的扩展程序(有时会导致错误)    

技术分享 

  

Chrome调试技巧

原文:http://www.cnblogs.com/guoshiyv/p/7531845.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!