当前位置: 首页 > 科技观察

Chrome用不好,Bug改到老,这些Chrome浏览器使用技巧你需要掌握

时间:2023-03-13 22:53:59 科技观察

chrome不好用,bug改到老。这些Chrome浏览器技巧你需要掌握。更好、更高效地使用chrome,将chrome配置成一个方便的浏览器,将大大提高编程效率。下面就给大家分享一下chrome浏览器的一些技巧。技能控制台在chrome开发者工具中的任意面板下(控制台面板除外),按住Esc,面板下会生成一个新的控制台面板。通常Next,控制台只提供单行输入,可以使用分号作为分隔符执行多条javascript语句;如果需要多行代码,可以使用组合键shift+enter实现换行,这样代码不会立即执行。代码片段Chrome在sources页面提供了一个snippets栏,我们可以随时在上面编写Javascript代码,运行结果会打印到控制台。代码全局保存,可以在任何页面查看或运行,包括新标签页。使用command+enter运行代码跳转到位置在elements选项卡下,选中元素节点,在右键菜单中点击scrollintoview,将浏览器滚动到元素所在位置。展开DOM在Elements标签页中,如果你想查看某个元素中曾经很深的子元素,可以按住option键并点击该元素,则该元素的DOM结构将完全展开Tools部分Infinity新标签页Infinity是标签页的一款美化插件,使用它不会让你的浏览器那么单调,而且你还可以在标签下添加书签,方便打开。是一款非常不错的插件,值得推荐。您无需在书签收藏夹中慢慢搜索书签,只需打开浏览器即可打开您需要的网站。ResponsiveWebDesignTesterResponsiveWebDesignTester是一个很棒的浏览器扩展,可让您快速检查网站在不同设备和浏览器上的状态。WindowResizerWindowResizer扩展允许您调整浏览器窗口的大小。单击菜单栏中的图标会产生一个下拉菜单,您可以在其中自定义窗口的大小。olorPickEyedropperColorPickEyedropper是一个简单的颜色选择器工具,可以让你从任何网页中选择颜色值。CSSViewerCSSViewer是一个简单的CSS属性查看器。它提供了一个浮动面板,显示鼠标悬停在其上的元素的标识,以及它的字体、文本、颜色、背景、框架、定位和效果属性。CSSViewer提供了您需要的基本CSS信息。最后:最重要的问题,如何最简单的使用谷歌搜索1、下载hosts文件2、然后将hosts(没有后缀的文件)替换成系统中原来的hosts文件,就可以正常使用谷歌搜索了.Windows系统主机位于C:\Windows\System32\drivers\etc\hostsAndroid(安卓)系统主机位于/system/etc/hostsMac(苹果电脑)系统主机与Linux一样位于/etc/hosts,iPhone(iOS)系统主机位于/etc/hosts与LinuxMac一样,Linux系统主机位于/etc/hosts