美文网首页工具文章
Chrome那些可能被忽略的功能

Chrome那些可能被忽略的功能

作者: 真的是选么 | 来源:发表于2016-02-17 21:43 被阅读125次

今天无意中发现了一个普及Chrome知识的文章,现在把我曾不知道的整理在这。


快速跳转到指定行

在Sources中打开的文件,想跳转到指定行,可输入ctrl+g

跳转指定行

ctrl+o,输入:和行数,就不是去寻找一个文件,而同样是跳转行号。

在控制台选择元素

DevTools控制台支持一些变量和函数来选择DOM元素:
$()是document.querySelector()的简写:返回第一个和css选择器匹配的元素。$(‘div’)是返回这个页面中第一个div元素 $$()是document.querySelectorAll()的简写:返回一个和css选择器匹配的元素数组 $0-$4是依次返回五个最近你在元素面板选择过的DOM元素的历史记录,$0是最新的记录

选择元素

多个光标同时插入

在编辑一个文件的时候,按住ctrl,在要编辑的地方点击鼠标,可以设置多个插入符,这样可以一次在多个地方编辑。

多光标

美化代码

有些代码看起来很乱,这个可让代码更易读。
点击左下角的{}

美化代码

下一个匹配项

在Sources标签下编辑文件时,按下ctrl+d,当前选中的单词的下一个匹配也会被选中,可同时对它们进行编辑。

下一个匹配

通过workspaces来编辑本地文件

Workspaces是Chrome DevTools的一个强大功能,这使DevTools变成了一个真正的IDE。Workspaces会将Sources选项卡中的文件和本地项目中的文件进行匹配,所以你可以直接编辑和保存,而不必复制/粘贴外部改变的文件到编辑器。
为了配置Workspaces,只需打开Sources选项,然后右击左边面板的任何一个地方,选择Add Folder To Worskpace,或者只是把你的整个工程文件夹拖放入Developer Tool。
无论在哪一个文件夹,被选中的文件夹,包括其子目录和所有文件都可以被编辑。为了让Workspaces更高效,可以将页面中用到的文件映射到相应的文件夹,允许在线编辑和简单的保存。

Chrome 实验性功能

chrome://flags/

这个能更好修改浏览器特性,但是也可能会造成某些不稳定。

实验性功能

不定期更新

相关文章

  • Chrome那些可能被忽略的功能

    今天无意中发现了一个普及Chrome知识的文章,现在把我曾不知道的整理在这。 快速跳转到指定行 在Sources中...

  • 开发攻略

    Chrome扩展(Chrome Extension),真正意义上的Chrome插件是更底层的浏览器功能扩展,可能需...

  • 可能被忽略掉编程技巧 之 链式编程

    可能被忽略掉编程技巧 之 链式编程 @author Jou Email Weibo or Github 可能被忽略...

  • 那些被忽略的公平

    这篇文章大体是之前写的,最近又有一些新的感悟,所以沿用加以修改。 如果自己都在做着对别人不公平的事...

  • 那些被忽略的风景

    我们都在一味地追求人生中最曼妙的风景,而忽略了山间最清爽的风。一味地埋头奔跑,却忘了在起点张望我们的身影。 我们都...

  • 那些被忽略的小事

    昨天下午问姨妈家的一个哥哥是否有认识的公益组织 想去做义工 他马上帮我联系好, 我说不想一个人去 他下午五六点就到...

  • 被忽略的那些关键

    当年初玩lol的时候,不是抱怨自己键盘操作不熟练,就是责怪网络不够快,直到后来亲眼见过一些键盘操作极其熟练的技能选...

  • 那些被忽略的女孩

    所有的经历都会留有印记,只是你不记得了,但有人一直铭记于心。 下午的时候,突然在办公室聊起了对象的事,二十几岁的小...

  • 那些被忽略的事物

    人生在世总会遇上一些不如意的事,但谁的生活又是事事顺心的呢?跟爱人吵架拌嘴了,憋屈;工作不顺心了,心烦;遭遇...

  • 那些被忽略味道

    春节,漫山遍野都被大雪掩盖,偶有露出一片小小的山崖,大风吹起雪沫,一点点在这里飞舞盘旋。 这是一年中最冷的日子,山...

网友评论

    本文标题:Chrome那些可能被忽略的功能

    本文链接:https://www.haomeiwen.com/subject/xpjmkttx.html