码迷,mamicode.com
首页 > 其他好文 > 详细

Chrome调试技巧

时间:2017-09-16 23:12:52      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:中文名   ons   center   ges   动作   网速   strong   输入   mil   

    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调试技巧

标签:中文名   ons   center   ges   动作   网速   strong   输入   mil   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!