位置：温州达内IT教育培训学校 > 学校动态 > web-Chrome模式中的技巧

web-Chrome模式中的技巧

来源：温州达内IT教育培训学校时间：2020/12/1 11:54:00

一、切换文件
如果你使用过sublimetext，那么你可能不习惯没有Gotoanything这个功能的覆盖。你会很高兴听到chrome开发者功能也有这个功能，当DevTools被打开的时候，按Ctrl+P（cmd+ponmac）,就能搜寻和打开你项目的文件。

二、在源代码中搜索

如果你希望在源代码中搜索要怎么办呢？在页面已经加载的文件中搜寻一个特定的字符串，快捷键是Ctrl+Shift+F(Cmd+Opt+F)，这种搜寻方式还支持正则表达式哦
三、跳转到指定行
在Sources标签中打开一个文件之后，在Windows和Linux中，按Ctrl+G，(orCmd+LforMac)，然后输入行号，DevTools就会允许你跳转到文件中的任意一行。
另外一种方式是按Ctrl+O，输入:和行数，而不用去寻找一个文件。
四、在控制台选择元素
DevTools控制台支持一些变量和函数来选择DOM元素：
$()–document.querySelector()的简写，返回个和css选择器匹配的元素。例如$(‘div’)返回这个页面中个div元素
$$()–document.querySelectorAll()的简写，返回一个和css选择器匹配的元素数组。
$0-$4–依次返回五个近你在元素面板选择过的DOM元素的历史记录，$0是的记录，以此类推。
五、使用多个插入符进行选择
当编辑一个文件的时候，你可以按住Ctrl（cmdformac），在你要编辑的地方点击鼠标，可以设置多个插入符，这样可以一次在多个地方编辑。

领取试听课

每天限量名额，先到先得

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/1740/news/289009/违者必究！以上就是温州达内IT教育培训学校小编为您整理 web-Chrome模式中的技巧的全部内容。