Tech Neo技巧沙龙 | 11月25号，九州云/ZStack与您一路商量云时代收集界线治理实践

Chrome浏览器今朝应当是绝大年夜多半法度榜样员最爱好的浏览器了吧，至少我是如许的O(∩_∩)O。简洁的设计，强大年夜的插件，完美的兼容都让我爱不释手。

Chrome还供给了一个控制台对象，在开辟测试时供给了极大年夜的便利，今天我们来看看那些异常便利的Chrome应用技能吧。

Chrome

快速切换文件

如不雅我们想看某个文件的源码，我们会进入到Source控制面板下，然后在琅绫擎慢慢找。

然则如不雅Source下面的文件特别多话，找到本身想要的文件是一个复杂的过程，例如下钤记么多文件，只能慢慢打开各个文件夹去找。

有的时刻我们欲望可以对一个文件的多个处所同时进行编辑，这须要按住command键（windows下是Ctrl键），然后点击鼠标，就可以同时多点定位，最后再输入的时刻，这些处所就可以同时进行编辑。

例图

Chrome供给了快速定位文件的快捷键cmd+P（windows上是Ctrl+P）。可以经由过程关键字匹配到文件名，并一键进入文件中。

快捷定位文件

有很多的网站在线上情况中会紧缩JS和CSS文件代码，经由过程Source面板源文件下的{}搁笔可以格局化代码。

页面源码搜刮

cmd+F快捷键

如不雅你想要查找的是特定字符串出现的所有源文件，可以应用cmd+option+F快捷键（windows下是Ctrl+Shift+F）。

下面的例子是搜刮所有出现“container”的处所，js和html文件中只要匹配到都邑涌如今结不雅中。

跳到指定行

在IDE中，例如webstorm，IntellijIDEA，快速跳到指定行的快捷键是cmd+L，弹出一个输入框输入行号后，可以直接定位到指定行。

全源文件搜刮

效不雅如下图所示。

快速跳到指定行

多点编辑

多点编辑

设备模式

在如今app开辟成本比较高的情况下，有很多都采取web app的模式，可以直接在web浏览器中进行移动端的适配。

Chrome供给了强大年夜的适配模式，主流的iphone，ipad，Galaxy等屏幕都可以直接进行模仿。

这种随时进行切换的设备模式，给前端开辟人员供给了极大年夜的便利。是以我们可以在只写一套代码的时刻去同时适配web端和多个不合的移动端。

色彩选择器

设备模式

在Chrome的Source面板下同样有这个功能，快捷键是cmd+P或者cmd+shift+p，会弹出一个输入框，然后输入框第一位输入英文冒号(:)，然后输入数字即可跳转到指定的行。

格局化代码

下图是格局化JS代码的办法，同样用于格局化CSS代码。

格局化代码

在页面长进行色彩设置时，Elements面板下供给了色彩预览的选择器，跟着鼠标的移动，鼠标指针会变成一个放大年夜镜，便利精确选择色彩。

色彩选择器

编辑不合状况下的样式

在页面中有一系列的hover，focus等效不雅，默认状况下，这些定义的CSS样式是不会直接显示在Chrome控制台下的，然则点击对应的按钮就可以查看到，并且便利进行编辑。

　　推荐阅读

　　研究了1000名程序员发现，月薪8K与月薪3W的程序员原来差距在这里

Visio。绘制各类图。 Tech Neo技巧沙龙 | 11月25号，九州云/ZStack与您一路商量云时代收集界线治理实践 OneNote思虑：【要知道本身到毕竟要什么】这是自我定位最关键的一点，也是最重要的一>>>详细阅读

本文标题：超实用Chrome使用技巧，你看了绝对不会失望的

地址：http://www.17bianji.com/lsqh/38815.html

 1/2    1