随笔 - 849&
文章 - 11&评论 - 170&trackbacks - 0
原文地址：&/liyunhua/p/4544738.html
之前有看过刘哇勇写的,让我觉得瞬间对chrome的了解实在太浅了。对此特意了解了一番（也就是在他的博文上进行了一些总结和了解一些其它chrome使用方面的诀窍），写了两篇博文
最近又学到了一些chrome的使用技巧，在此分享一下，大家不要说我是抄袭，我只是觉得工欲善其事，必先利其器。chrome在我心里就是神。
我只是很用心的写一下这篇文章，希望这些使用技巧对大家有用。
快速切换文件
我一般如果查找每个文件，一般都是打开控制台，在source控制面板里面一个一个去找，看下面的图你就应该知道，这么多文件，你都不知道在哪个目录下面，然后就只能一个一个点开看
后来才发现原来按Ctrl+P（cmd+p on mac）,就能快速搜寻和打开你项目的文件。
在源代码中搜索
大家都知道如果在要在Elements查看源码，只要定位到Elements面板，然后按ctrl+f就可以了
可是如果你希望在源代码中搜索要怎么办呢？在页面已经加载的文件中搜寻一个特定的字符串，快捷键是Ctrl + Shift + F (Cmd + Opt + F)，这种搜寻方式还支持正则表达式哦
在源代码中快速跳转到指定的行
大家都知道在VS里，一个cs文件可能特别多行，然后我们就是使用ctrl+g快捷键来跳转到特定的行，事实上在chrome控制台也是一样的，在Sources标签中打开一个文件之后，按Ctrl + G，(or Cmd + L for Mac)，然后输入行号，chrome控制台就会跳转到你输入的行号所在的行。
使用多个插入符进行选择
当编辑一个文件的时候，你可以按住Ctrl在你要编辑的地方点击鼠标，可以设置多个插入符，这样可以一次在多个地方编辑
最近做用H5做携程商旅APP，用的最多的就是chrome浏览器的设备模式。试想一下，如果我们每在Visual studio工具上开发完一个功能又得跑到手机上调试，那得多烦，开发效率多低呀。想想就知道为什么那么多人喜欢用chrome浏览器。
设备传感仿真
设备模式的另一个很酷的功能是模拟移动设备的传感器，例如触摸屏幕和加速计。你甚至可以恶搞你的地理位置。这个功能位于元素标签的底部，点击&show drawer&按钮，就可看见Emulation&--& Sensors.
格式化凌乱的js源码
有时候看到压缩好的一团糟的js，都不知道从何着手去看。chrome控制台有内建的美化代码功能，可以返回一段最小化且格式易读的代码。Pretty Print的在Sources标签的左下角。
颜色选择器
当在样式编辑中选择了一个颜色属性时，你可以点击颜色预览，就会弹出一个颜色选择器。当选择器开启时，如果你停留在页面，鼠标指针会变成一个放大镜，让你去选择像素精度的颜色。
改变颜色格式
相信前端开发人员都知道，颜色有很多种表示方式，比如rgb,hsl,十六进制表示方法等。看了下面的这个图，我相信你肯定会佩服chrome的功能强大，连细节都做得那么好。
在颜色预览功能使用快捷键Shift + Click，可以在rgba、hsl和hexadecimal来回切换颜色的格式
强制改变元素状态（方便查看不同状态下元素的样式）
chrome控制台有一个可以模拟CSS状态的功能，例如元素的hover和focus,可以很容易的改变元素样式。在CSS编辑器中可以利用这个功能查看不同状态下元素的样式，我相信这个功能对于模仿别人界面的前端爱好者来说是非常实用的。
利用chrome来查看和编辑本地文件
事实上我们可以用chrome来查看本地文件，只要把相关目录拖到chrome浏览器中即可。
选择下一个匹配项
当在Sources下编辑文件时，按下Ctrl + D (Cmd + D) ，当前选中的单词的下一个匹配也会被选中，有利于你同时对它们进行编辑。
可视化的DOM阴影
eb浏览器在构建如文本框、和输入框一类元素时，其它基本元素的视图是隐藏的。不过，你可以在Settings -& General&中切换成Show user agent shadow DOM，这样就会在元素标签页中显示被隐藏的代码。甚至还能单独设计他们的样式，这给你了很大的控制权。
这点特性在我的另一篇博文中有提到,当时遇到问题时找了半天才发现原因，如果早点能知道chrome的这个特性，我相信必定会节省不少时间。
阅读(...) 评论()附近人在搜什么
被玩坏了的手机浏览器，看看谷歌Chrome是怎么做的！
　　（速途网专栏 作者：土妖）
要说移动互联网时代，做什么产品最悲哀，土妖一定会给出的一个答案是手机浏览器。最近几年来，手机浏览器一直面临着“入口地位下降”论的挑战——确实，与PC浏览器不同，在应用为王的年代，手机浏览器不再是手机用户上网的唯一入口。这也使一些从塞班时代走过来的老牌浏览器厂商分外焦虑。
　　在土妖看来，获取信息的天然需求一直都存在，基于此，手机浏览器的价值也会一直存在。不过，被玩坏了的国内手机浏览器，是时候来一场“返璞归真”的革命了：如果手机浏览器行业还是一味地追求所谓“入口”的大而全，堆砌一些边边角角的花哨功能让浏览器越来越沉重，忽视“快者为王”这一用户核心刚需，最终被移动搜索App“兼并”并非不可能!
　　谷歌Chrome浏览器是如何逆袭的?
　　前不久，美国媒体BusinessInsider引述最新统计数据称，微软IE浏览器已经基本被谷歌Chrome浏览器“毁灭”。
　　十年前，微软IE，借助和Windows操作系统的捆绑，逼走了网景浏览器和其他小对手。当时，全世界九成的网民，使用的是微软IE浏览器。而今年四月份，Adobe
Index数据显示，谷歌Chrome浏览器以31.8%的市场份额成为美国最受欢迎的网络浏览器，而昔日的大哥微软IE的市场份额为30.9%，名列第二。六月，市场研究机构Adobe
Index最新发布的一份报告显示，同样是第三方手机浏览器，微软IE浏览器在美国的移动设备份额仅为1.8%，而谷歌Chrome的移动份额则是14.3%。
　　Chrome这个标准的后起之秀是怎么打败“老大哥”IE，成功实现逆袭的?下面这幅经典漫画或许说明了全部问题——用户的耐心是有限的，再大的份额再高的用户基数，也经不住慢吞吞的速度来消磨。
　　不过IE浏览器的“前车之鉴”好像不是所有国内主流手机浏览器厂商都学习到了。
　　手机浏览器是怎么被玩坏的?
　　手机浏览器之于互联网公司来说，其重要的战略意义无需多言。因此，在国内，无论是QQ、阿里，还是360、百度都一头猛扎其中，土妖不妨跟大家仔细分析一下，他们中的每一家都是怎么玩的。
　　先来说说QQ手机浏览器，背靠着富爸爸企鹅，QQ手机浏览器可是干起什么来都不含糊。和企鹅什么都做、什么坑都占一样，QQ手机浏览器也是追求“大而全”的典型。竞争对手有的功能，它几乎都有。不仅如此，最近QQ手机浏览器还把宝压在了移动视频上，希望“搜索雷达区”功能能够成为一个王牌杀手锏。但是，在土妖看来，这一功能有点不尴不尬的味道。一方面这一功能要充分依赖搜索，而另一方面，又要充分依赖视频内容，弱弱地问一句，QQ手机浏览器打算肿么和移动搜索、视频类App竞争?由此，不难看出，QQ手机浏览器太局限于产品框架，而没有从整个行业大势进行通盘考虑。
　　接下来，来聊一聊UC手机浏览器。说到UC，土妖听到一个段子：“在被阿里收购之前，俞永福要防QQ、360、百度，在被阿里收购之后，俞永福要防QQ、360、百度以及阿里。”实际上，这个段子本身就已经说出了UC手机浏览器内外交困的尴尬局面，一方面要受到竞争对手的有力追击;另外一方面，又要完成亲爹交代的为商家导流的重任，当好阿里发力移动购物的垫脚石;同时还要不影响用户使用体验，真是难于上青天。
　　再来看看360手机浏览器。和QQ手机浏览器相比，360显得相对聚焦一些，主打的还是安全牌。但是“安全”从来不是手机浏览器的核心刚需，这方面土妖之前的文章已经有所论述。也许360自身也知道这一点，但是近来在安全大本营受到腾讯、百度大肆攻击的360，已经无暇开发更具创意的功能。只能以安全的名义，吸纳一部分小白用户。
　　最后来看百度手机浏览器。实际上，QQ手机浏览器大而全的选择，在百度手机浏览器的身上也曾出现过。但是，从4.0以后，尤其是在4.5之后的迭代中，百度手机浏览器就反其道而行之，走上“轻”装上阵的道路，与谷歌Chrome浏览器逆袭的策略近乎一致。最新百度发布的5.0版浏览器，就把核心功能重新聚焦在“速度”上，将浏览器带入“四核时代”，契合用户对浏览速度的刚需——根据第三方网站的跑分测试，打开相同网页的平均速度，百度比第二名UC手机浏览器要快94毫秒，可为用户节省1/4的时间。在中低端手机浏览器启动速度方面，百度是UC手机浏览器的2.7倍。
　　与Chrome浏览器一样的逆袭要义：唯快不破
　　为什么是“快”?
　　这不是由某一个人决定的，也不是土妖臆想的，而是用户触屏选票的结果。
　　根据中国互联网络信息中心(CNNIC)2013年10月发布的《中国手机浏览器用户研究报告》，73.5%
的人认为手机浏览器自身性能和速度是影响其选择手机浏览器的因素，而开启速度是否快和网页浏览速度是否快，成为了衡量用户对其所用浏览器是否满意的首要参考指标。
　　既然速度快一直是用户的核心诉求，为什么这么多手机浏览器厂商却经常“绕道而行”，去选择其他的突破机会呢?因为想做到真正的“快”并不是一件容易的事。
　　要知道手机浏览器的速度快慢，主要取决于浏览器“内核”。由于内核技术开发难度大，绝大多数国内手机浏览器厂商都选择“借用”国外成熟Webkit内核，例如UC的U3、QQ手机浏览器的X5、海豚浏览器的极速内核等。尽管诸如UC浏览器的U3内核被宣传成是耗时三年开发完成的浏览器内核，但这些其实都只是对webkit的浅层优化。这其实和汽车行业非常类似，在外形上国内公司可以C2C(Copy
to China)，但是在最为关键的发动机部分，却是来不得半点假。因此，即使那些浏览器外壳再漂亮、包装再改变，本质上对速度的提升是有限的。
　　如何才能在速度上有一个本质的飞跃呢?
　　最重要的是要在浏览器内核上进行深度的优化和改造，比如在中国市场网页上的图片、视频、Flash、动画等等各种多媒体、流媒体会比外国多得多，因此就要充分考虑到国情，进行深度的开发。于此同时，还需要在外围配合大数据处理能力、云端服务能力、丰富的内容资源、移动搜索资源，这样才能最大化地发挥手机浏览器的速度效能。
　　在国内的所有手机浏览器厂商中，百度手机浏览器是相对跑在前头的一家。土妖看到一位网友很有意思的评价，“其他手机浏览器顶多是把93#油换成97#油，百度四核手机浏览器则是对发动机来了个底朝天的改造。”
　　其实，人人都有逆袭的机会，就看能否抓住逆袭的要义。百度手机浏览器率先以技术革新打出“四核”这张“快”牌，也给老牌手机浏览器厂商提了个醒：把层层叠叠的功能堆砌、绞尽脑汁的商业模式放到一边吧，先把手机浏览器的真正价值做好，否则IE被Chrome超越这种故事很快就会在国内重演。　|　　|　　|　
您所在的位置： &
> 谷歌浏览器兼容模式设置教程
谷歌浏览器兼容模式设置教程
10:40:30　　来源：互联网　　 次阅读
　谷歌浏览器如何切换兼容模式
　　进入到谷歌浏览器的网上应用商店，搜索“ie tab”，在搜索结果的扩展程序里，找到“ie tab&”或 “ie muti tab”,点击下方的“免费”按钮进行安装
　　弹出确认安装提示，选择“添加”按钮
　　安装完毕后，即会弹出插件的具体设置，默认情况我们不需要改动，点击保存，关闭即可
　　如果想要当前的网页以兼容模式打开，只需要点击上方的“ipa”按钮，即可转换，十分方便
谷歌浏览器是由Google开发的一款设计简单、高效的Web浏览工具。GoogleChrome的特点是简洁、快速。Goo…
更新时间：　　运行环境：Vista/winXP/win7/win8
大家都在看
网友在27分钟点赞了
网友在53分钟点赞了
网友在1小时点赞了
网友在3小时点赞了
网友在3小时点赞了使用pc端浏览器的调试模式调试手机网站和chrome&inspect&空白的问题
此次我们说一下大家开发常用的chrome浏览器，如何调试手机端网页
准备工作：
PC Chrome最新版
安卓 Chrome最新版
数据线一根
插上数据线，打开手机里的浏览器，然后PC浏览器-菜单-更多工具-检查设备，就会看到如下界面
点击inspect，稍等片刻即可打开调试界面：
然后就可以在此处进行调试您的网站了
如果点击inspect之后，半天没有反应，看到的都是空白页
那你需要找一个翻
&墙工具，首次使用的时候应该会连接谷歌服务器，如果连接不上，就会出现空白，我也是测试了很多遍才发现的这个问题
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。}