谷歌浏览器

自用Chrome插件推荐【附教程及下载】 豆子 1,675 人赞同了该文章 2019.11.03更新 原文同步发布在我的个人博客 Chrome插件自用 ​blog.douzi.work 都是我自己一直在用的插件，实测好用 当时写这篇文章主要是想做个笔记，好记性不如烂笔头嘛，后来发现没必要，谷歌账号全给我同步了 但既然有人看，就更新一下吧 百度云链接就不更新了，实在不懂怎么装的私信我，或者看我博客（就上面那个链接 百度云链接没更新，太懒了。。。。 不过国内下载方法更新到博客里了，评论区刚好有人问 10. Stylus——最花里胡哨的插件 Stylus是一个调整网页外观的用户样式管理器。它可让您轻松地为许多热门网站网站安装主题和皮肤。 简单的说就是允许你魔改网站样式，可以用别人写好的（很丰富），也可以自己写，而且可以保存，你下次打开这个网站，还是你改的这个样式 11. Octotree 说到树型，Octotree必须要有姓名 干了这行，少不了要经常性地看GitHub，但一个很烦的是，GitHub仓库目录是以链接的形式跳转的，这跟我们的使用习惯不符啊，我们习惯的是在左侧有一个树状的文件目录，装上这个插件，给你IDE般的体验 12. Vimium 兼具效率与装逼，极客上网的不二选择 Vim是linux中让你脱离鼠标编辑文本的利器，而Vimium是Vim和Chromium的结合

Chrome是基于Webkit的先进浏览器，其开发调试功能非常强大。如果你在开发手机网页，推荐你使用他的手机网页调试功能。具体怎么用，请看下图： 第一步，打开Chrome后，按F11 或者 点右键 选 审查元素，调出Chrome的开发者工具，你可能会看到以下界面： 现在是普通网页的调试界面。 然后点击 调试工具上面的“手机”图标： 就会弹出以下界面： 刷新一下，页面就会以手机页面方式显示。 2.这样调试可能会不怎么方便，这时你还可以点击调试工具栏右侧的按钮，调整布局 （就是有个小三角的那个） 3.现在你应该看到以下的界面： 4.使用这个调试工具，ENJOY移动网页开发吧。 以后更精彩的文章，会不断推出，欢迎关注，欢迎转发。 来源： https://www.cnblogs.com/sparklingstar/p/5097150.html

Chrome 控制台不完全指南 来源： http://www.cnblogs.com/Wayou/p/chrome-console-tips-and-tricks.html Chrome的开发者工具已经强大到没朋友的地步了，特别是其功能丰富界面友好的console，使用得当可以有如下功效： 更高「逼格」更快「开发调试」更强「进阶级的Frontender」 Bug无处遁形「Console大法好」 console.log 大家都会用log，但鲜有人很好地利用 console.error , console.warn 等将输出到控制台的信息进行分类整理。 他们功能区别不大，意义在于将输出到控制台的信息进行归类，或者说让它们更语义化。 各个所代表的语义如下： console.log ：普通信息 console.info ：提示类信息 console.error ：错误信息 console.warn ：警示信息 当合理使用上述log方法后，可以很方便地在控制台选择查看特定类型的信息。 console.log('一颗红心向太阳','吼吼~'); console.info('楼上药不能停！'); console.warn('楼上嘴太贱！'); console.error('楼上关你毛事？'); 如果再配合 console.group 与 console.groupEnd

对于不使用 jQuery 的网站，是否有简便的方法将jQuery包含在Chrome JavaScript 控制台中？ 例如，在一个网站上，我想获取表中的行数。 我知道使用jQuery确实很容易。 $('element').length; 该网站不使用jQuery。 我可以从命令行添加它吗？ #1楼 我是反叛者 解决方案：不要使用jQuery。 jQuery是一个库，用于在浏览器中抽象出DOM不一致性。 由于您位于自己的控制台中，因此不需要这种抽象。 例如： $$('element').length （ $$ 是控制台中 document.querySelectorAll 的别名。） 对于其他任何示例：我确定我能找到任何东西。 特别是如果您使用的是现代浏览器（Chrome，FF，Safari，Opera）。 此外，了解DOM的工作原理不会伤害任何人，只会增加jQuery的水平（是的，了解更多有关javascript的知识可以使您在jQuery上更胜一筹）。 #2楼 jondavidjohn 的 最高答案 是好的，但我想对其进行调整以解决两点： 从 http 加载脚本到 https 上的页面时，各种浏览器都会发出警告。 如果直接从浏览器的URL栏尝试将 jquery.com 的协议更改为 https 则会产生警告： This is probably not the site you

Chrome 对于chrome浏览器，有时候会有闪退的情况，也许是版本冲突的问题，我们要对照着这个表来对照查看是不是webdriver和chrome版本不对 chromedriver版本 支持的Chrome版本 v2.37 v64-66 v2.36 v63-65 v2.35 v62-64 v2.34 v61-63 v2.33 v60-62 v2.32 v59-61 v2.31 v58-60 v2.30 v58-60 v2.29 v56-58 v2.28 v55-57 v2.27 v54-56 v2.26 v53-55 v2.25 v53-55 v2.24 v52-54 v2.23 v51-53 v2.22 v49-52 v2.21 v46-50 v2.20 v43-48 v2.19 v43-47 v2.18 v43-46 v2.17 v42-43 v2.13 v42-45 v2.15 v40-43 v2.14 v39-42 v2.13 v38-41 v2.12 v36-40 v2.11 v36-40 v2.10 v33-36 v2.9 v31-34 v2.8 v30-33 v2.7 v30-33 v2.6 v29-32 v2.5 v29-32 v2.4 v29-32 点击下载chrome的webdriver： http://chromedriver.storage

chrome 开发者工具调试 前端调试伪类样式 源代码快速定位到某一行 ctrl + p -前后端联调，查看 response 一次性展开所以 dom 结构： Alt + 鼠标左键 是不是报错了，你才去打断点？ 查看 dom 中得事件 你是不是打断点时还要去改代码？ 查看 Dom 层级 查一些特定的请求，过滤器用过吗？ 在 Elements 面板调整 dom 结构很不方便？ 不想加载某个文件 本地改生产环境 Html，Css，Javascript 唤出 Chrome Devtools，找到 Sources => Overrides, 随便添加一个本地文件夹，然后 刷新下，在 Network 下(这个时候，Network会出现个黄色的三角形)，选中你要的改动的请求， 右键 Save as override, 直接改，改完刷新下，改动就生效了产品，客户就能立马看到效果，确认好了，再本地改完上线，就可以避免来回改了。 通过 Chrome Devtools 复制http请求到cmd,bash中执行 通过 Chrome Devtools 将 Http 请求 复制到 cmd，bash 命令窗口中使用，这个在爬虫的时候 非常有用，爬虫基本 都是通过 curl 这个命令来模拟正常的http请求， 如上面的动图所示，右键 network 选择复制 你的系统对应的，有Window 下 cmd

Extensions disabled by Chrome https://support.google.com/chrome_webstore/answer/2811969 https://support.google.com/chrome_webstore/answer/2811969?hl=en https://support.google.com/chrome_webstore/answer/2811969?visit_id=636806045958554938-834767176&p=ui_remove_non_cws_extensions&hl=en&rd=2 Chromium Blog https://blog.chromium.org/2015/05/continuing-to-protect-chrome-users-from.html 开发者注册费 要验证帐号和发布项目，您需要支付 US$5.00的一次性开发者注册费。 https://chrome.google.com/webstore/developer/dashboard/ https://chrome.google.com/webstore/developer/about_signup Chrome Extensions Step by Step Tutorials https://www.cnblogs

手把手教你开发chrome扩展一：开发Chrome Extenstion其实很简单 手把手教你开发Chrome扩展二：为html添加行为 手把手教你开发Chrome扩展三：关于本地存储数据 HTML5中的localStorage localStorage与cookie类似，它是存储在客户端浏览器中的数据，它与cookie不同的一点是它没有时间限制。localStorage属于html5中的新特性，在 浏览器支持localStorage统计 中，Chrome4+、Firefox3.5+、IE8+、IE7兼容模式、Safari4+、Opera10.5+都是支持localStorage的。以下代码可以用于检测你的浏览器是否支持localStorage： if(window.localStorage){ alert('你的浏览器支持localStorage!'); }else{ alert('浏览器不支持localStorage!'); } localStorage是以key/value方式来进行存储的，并且value只能是字符串形式，如果你要使用其他数据类型，需要进行相应的转换。设置和获取localStorage方法是使用localStorage. key ，或localStorage[ key ]的形式，如： localStorage.myName='walkingp';

我经常会碰到chrome自动保存的密码突然不显示了。在chrome的setting里 已保存的密码一条都不显示, 只显示一句话『你保存的密码会显示在这里』（saved passwords will appear here）。 我个人把chrome当做主力浏览器使用，保存了很多密码，有些密码我自己是不记住的，全靠chrome自动填充，没有了自动填充很不方便。 之前的解决方案是卸载重装，登陆google账号，重新同步。 后来找到一个稍微简单的方案了：删除硬盘中保存密码的文件；重新登出，登陆google账号一次，也算强制同步密码，可以解决这个问题。 mac 下该文件的路径是 /Library/Application Support/Google/Chrome/Profile 1/Login Data 对应windows下是 C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Login Data linux 下不是很清楚，你用find ~ -name "Login Data" 找一下吧 我去查看这个文件的时候发现其实里面记录的账号密码信息都在，所以一直怀疑是权限的问题，如果大家有更好的方法解决这个问题也告诉我一声。 来源： https://www.cnblogs.com/zijin/p/7656926

之前告诉大家如何一键查看所有保存在IE里的所有密码（ 点击查看原文 ），现在来告诉大家如何一键查看 Chrome 浏览器 的所有密码。某种意义上上，查看 Chrome 的密码 如何保障Chrome的账号密码安全？ 　　如果不想其他人随意查看你的Chrome保存的账号密码，有两个建议。 　　一，让浏览器默认不保存任何密码，但这样会让你上网很麻烦； 　　二，选择Win8系统，Win8是目前唯一一个无法破解登录密码的Windows系统，如果不能选择Win8，那请在离开的时候按一下“：Win+L（锁定电脑）”这快捷键。 　　小编强调一下，只要不是在本机上输入以上代码，那Chrome帮你保存的账号密码是绝对安全的，黑客把整个Chrome文件夹打包带走也无法破译。 来源： https://www.cnblogs.com/yanduanduan/p/7160030.html