首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用 Google 浏览器 Chrome扩展

Google 浏览器 Chrome现在主要使用的浏览器,Chrome 更新到 2.0 之后,除了支持 Greasemonkey 之外,也开始支持扩展。...要让 Google 浏览器支持扩展,你首先要把 Chrome 升级到 2.0 最新版本,然后找到 Chrome 的快捷方式,右键单击它,然后选择属性,然后在 target 输入框里面添加这个参数: --...启用 Google 浏览器 Extensions 现在目前 Chrome 官方已经提供了两款 Google Chrome扩展Chrome Extensions: Gmail Checker...Gmail Checker 这个扩展可以显示你的 Gmail 中还有多少邮件没有读取。 安装 + 下载源代码。 2....在 Google Reader 中订阅 这个扩展能够让你非常容易和快速使用 Google Reader 订阅当前网页的 Feed。

93320

Google Chrome 浏览器 开发者工具 使用教程

今天偶然看到一篇Chrome 浏览器开发者工具的使用教程,感觉不错,顺便转载在这里,感谢原作者的辛苦劳动。 作为一个Web开发人员,除了上面的原因以外,与我们开发相关的,就是Chrome开发者工具。...而本文,就是要详细说说Chrome开发者工具,说说为什么认为它比Firebug要好用。 怎样打开Chrome开发者工具? 你可以直接在页面上点击右键,然后选择审查元素: ? ?...这个除了查看错误信息、打印调试信息(console.log())、写一些测试脚本以外,还可以当作Javascript API查看用。...而对于web开发者来说,Chrome对于HTML5、CSS3等一些新标准的支持也是比较完善的,而且Chrome开发者工具个人认为真的非常好用,这就是为什么向web开发者推荐使用Chrome的原因。...注1:本文截图的Chrome版本为:13.0.782.215 m 注2:Chrome开发者工具更详细的说明请参考:http://code.google.com/intl/zh-CN/chrome/devtools

4.7K60
您找到你想要的搜索结果了吗?
是的
没有找到

Google Chrome谷歌火狐Safari浏览器开发者工具基本使用教程

其实简单的说,浏览器开发者工具就是给专业的web应用和网站开发人员使用的工具,当然只要你有兴趣想要了解,只要你对这个世界充满这好奇,什么东西你都可以了解。 开发者工具到底有什么用?...它的作用在于,帮助开发人员对网页进行布局,比如HTML+CSS,帮助前端工程师更好的调试脚本(JavaScript、jQuery)之类的,还可以使用工具查看网页加载过程,获取网页请求(这个过程也叫做抓包...),抓包是非常有意思的过程,而每一个浏览器厂商生产出来的浏览器都会有自己的杀手锏,也就是功能上的差别,那么这个时候你就找一个最适合自己的浏览器使用可以,接下来就是介绍常用的三个浏览器。...上面是打开网络这个标签的,我们可以看到该有的功能是一个都没少,而且觉得非常简洁,说真的如果不是一个开发者,我会爱死这样的一个浏览器,简洁大方,并且用户体验非常好,没有杂七杂八的功能。...想起一句话:好的产品不是还能不能扩展,而是做到没有办法再精简。 ? 看吧这就是调试代码的地方,功能上没有什么不同,但是感觉很规范,很简洁,很友好。

2.2K20

用getDisplayMedia实现在Chrome中共享屏幕

要求扩展会增加共享过程的摩擦,但是由于内联安装,可以最大限度地减少这种摩擦: 用户点击一个按钮开始屏幕共享 Web应用程序检测到Chrome并确定未安装所需的扩展 Web应用程序触发内联安装API,获取成功回调...如果正确地理解了声明,则会在另一个选项卡中打开Chrome WebStore。这会使得检测用户何时从Web应用程序安装扩展程序相当困难。...甚至没有谈论Google Hangouts/Meet,完全避免了其他人必须通过使用内置扩展来应对的用户体验。 预计Chrome Webstore团队会对此进行一些推广。...使用这种建立的信任关系进行内联安装可以说比从Chrome网上应用店安装更安全。我们还必须要求WebStore开发人员支持不止一次地拆除由数百名用户安装的我们的扩展程序的非法复制副本。...期待看看Google的WebRTC人员是否可以影响到内嵌扩展删除的最后期限或 及时发送 getDisplayMedia。Web平台的构建有时可能会变得混乱,但最终通常会产生最好的结果。

4.4K30

服务器端Javascript

那么相对而言,我们软件工程可以相对轻松一些,因为目前前端开发和后台开发使用语言都是不同的,并且服务器端语言还有很多种,这无疑给Web软件工程师打来很大的学习成本和压力。...接触服务器Javascript应该去年,当时有同学告诉,Javascript就是客户端脚本语言,只能运行在浏览器中,不可能运行在服务器端。呵呵!...后来查询了相关外文资料,发现他说的不对,Javascript可以运行在服务器端。当然目前需要服务器安装javascript脚本引擎吧!当Jaxer横空出世时,这一切都改变了。...特别是未来软件开发朝着Web开发方向来。补充一点:本人对Google Chrome笔记本感兴趣,园中有前辈可以介绍一下?...为什么,在装了Linux的系统上装了Chrome,然后所有的应用程序都在浏览器中运行。那我电脑的硕大的容量的硬盘情何以堪?

2K80

FirefoxChrome渗透测试插件推荐

注意:360安全浏览器有些比较不错的功能值得体验下(firefox/chrome有些功能没能正常使用)不喜勿喷。.../en-us/firefox/addon/sql-inject-me/ 18:Wappalyzer 查看网站使用应用程序 https://addons.mozilla.org/en-us/firefox...就像CSS可以让你接管网页的样式,而用户脚本(User Script)则可以让你轻易地控制网页设计与交互的任何方面。例如: * 使页面上显示的 URL 都成为可以直接点击进入的链接。...hl Google Hack Data Base 连接GHDB的扩展程序 https://chrome.google.com/webstore/detail/jopoimgcafajndmonondpmlknbahbgdb...hl XSS ChEF Chrome Extension Exploitation Framework一个基于Chrome渗透测试框架,你可以理解成BeEF的chrome版 https://github.com

4.6K70

《经验之谈》——Chrome浏览器的扩展程序(下载及安装)

浏览器是我们与互联网进行交流最重要的渠道之一,即使你对它没有什么要求,至少也要有一个Internet Explorer来下载Chrome不是?滑稽 ?...作为Google的亲儿子,Chrome向来以速度快,扩展多,功能强,兼容性好著称,每个标签页面都在独立的“沙箱”内运行,在提高安全性的同时,一个标签页面的崩溃也不会导致其他标签页面被关闭。...“无法从该网站添加应用,扩展程序和用户脚本”。...可能有小伙伴会用解压+开发者模式在扩展程序页面加载的方式来安装,但是!课代表并不推荐,除了可能会损坏部分功能,最重要的是,那样太麻烦了,我们可以使用另一款小工具来安装——Chrome插件伴侣 ?...这是一个5M的单文件版应用程序,下载链接:(如果链接失效请见评论区)https://www.lanzous.com/i1rymba 使用方法很简单,关闭Chrome,打开插件伴侣,选择插件,开始安装,

1.1K50

【ES三周年】windows-chrome安装Elasticsearch-head插件

es-head.zip解压,然后把需要安装的第三方插件,后缀.crx 改成 .rar,然后解压,得到一个文件夹进入页面后打开开发者模式,再加载已解压的扩展程序;选择刚才.rar解压好的文件夹,确定;确认新增扩展程序...Chrome.adm配置插件安装完成后,在【本地计算机策略 > 计算机配置 > 管理模板 > 经典管理模板(ADM) > Google ->Google Chrome】中可以找到Chrome各种功能的配置项目...扩展列表页面,可以看到被禁用的扩展,右侧启用的选项已变成可勾选状态,勾选启用该扩展即可!...Installationsquellen für Erweiterungen, Apps und Nutzerskripte konfigurieren 配置扩展、应用和用户脚本的安装源Liste der...应用程序应用程序。配置扩展类型Zulassungsliste für Installation von Erweiterungen konfigurieren 配置用于安装扩展的审批列表

4.7K40

使用HTML,CSS和JavaScript创建Chrome扩展程序

介绍 谷歌浏览器是开发人员和普通用户最喜欢的浏览器之一。在所有设备上都使用Google Chrome浏览器,它可以帮助我同步书签,浏览器历史记录,密码管理器等等。...对于台式机,除了可以在Internet上浏览以外,您还可以做很多事情。您可以测试您的网页和全部。通过使用扩展程序,谷歌浏览器变得更加强大。...因此,今天,我们将研究如何使用HTML,CSS和JavaScript创建您的第一个Google Chrome扩展程序。 设置 要求 Chrome扩展入门的要求很少。...列表在这里: Google Chrome扩展程序(用于测试) 文本编辑器(更喜欢VS Code,您可以根据需要使用其他编辑器) 有关HTML,CSS和JavaScript的基础知识 Chrome扩展程序...我们将为第一个Chrome扩展程序开发一个计算器应用程序

1.9K20

2021 年值得推荐的 14 款 Chrome 开发者插件

使用它你可以使用到许多不同的 Web 开发工具。...采用鼠标悬浮特性,点击后就可以告诉你所指字体的属性,字体名称、字体大小、字体颜色等,非常方便,目前有 Chrome 和 Safari 扩展,Firefox 的用户可以使用书签栏工具。...你可以使用这个方便的小 Chrome 扩展程序。 使用它,你可以将鼠标悬停在网页上并识别特定颜色。如果你单击颜色,它将复制到剪贴板,以便你可以轻松访问它。...突出显示问题后,你可以直接从扩展程序创建票证,而无需离开站点或在应用程序之间切换。 这个工具是付费的,也有试用版,可以玩玩看。...Color Tab https://chrome.google.com/webstore/detail/color-tab/hchlgfaicmddilenlflajnmomalehbom 还在为选择颜色而发愁

2.8K30

堪称神器的Chrome插件

4、Adblock Plus:免除广告困扰 只要是使用 Chrome 的人都应该安装的一款扩展应用,可以帮助你屏蔽几乎大部分网页广告,如果存在漏网之鱼,还可以手动添加到屏蔽列。...在安装了这款插件后,使用可以通过点击WhatRuns图标来打开插件窗口,通过该窗口使用可以轻松了解网站的技术信息 24、Google翻译 Google翻译是一款由谷歌公司提供的网页划词翻译插件,是...Google Chrome的翻译扩展工具,由Google官方发布。...34、为什么你们就是不能加个空格呢 每次看到文章中的英文、数字、中文写在一起,你知道的内心是什么样? 你们能不能在它们之间加个空格呢?!不过自从装上了「为什么你们就是不能加个空格呢?」...37、Postman 相信开发者朋友一定知道这款插件,这是一款强大的 API & HTTP 请求调试工具,它不仅可以调试简单的 HTML、CSS 以及脚本等简单的网页基本信息,这款 Chrome 插件甚至还能发送几乎所有的

1.9K00

手把手教你打造全宇宙最强 Firefox 浏览器

如果你不太理解什么是改造成任意形态,可以举个例子,比如我可以将 Firefox 的 about 界面 Logo 替换成任意图片: Chrome 有这个可能?...再比如我可以将 Firefox 的地址栏做成如下炫酷的特效,还可以将标签页的样式改造成如下的“花里胡哨”的样式: Chrome 有这本事?...使用自定义脚本管理浏览器扩展 除了上面的玩法之外,我们还可以使用自定义脚本管理浏览器的扩展,虽然某些浏览器扩展可以实现这个功能,但是使用自定义脚本更省资源,也更高效。...例如,很多人看到我的屏幕后都会问我是怎么上 Google 的,问的人太多了就很烦,所以当我们使用这个脚本[25]把 Google 的 Logo 换成百度,他们就不会问那么多问题了!...目前支持给网站自定义样式的扩展有 Stylish[26]、xStyle[27] 和 Stylus[28],个人推荐使用 Stylus,其他两款扩展都停止开发了,不推荐使用

2K30

当你在浏览器中输入“google.com”并回车,会发生什么?

有人可以滔滔不绝讲几天, 试图以某种形式的完备性来回答此问题。纯粹出于兴趣, 要把的答案罗列在此。...,并且使用auth的请求会被发送到他们的Google+ API上,告诉Google搜索页面的应用程序的身份。...他们可能在浏览器上看看我是否未使用 chrome, 在这种情况下, 他们会有弹出一个工具栏提示, 告诉chrome 是真的很棒, 应该使用它, 而不是其他任何浏览器。...上图是Chrome将为你提供的第一个屏幕截图。 ▶ 脚本标签中没有任何async或defer属性,只有nonce属性。目前正在学习有关nonce的知识,这似乎与安全性有关。...问题本身是什么呢“ 你知道?对于开发人员而言,这可能不是一个很好的面试问题,因为答案涉及到如此多的网络知识。 但这是喜欢的问题的格式,包括了一些开放的事物甚至一些猜测。

1.6K20

如何在十分钟内创建一个Chrome 插件

曾经想过制作自己的Chrome扩展,却因为觉得过程太复杂而打消了念头? 好消息,事情并没有你想象的那么复杂!...用户可以指定他们认为敏感的单词或短语列表。如果我们试图向ChatGPT提交包含这些词的信息,扩展将立即启动,禁用提交按钮,并防止我们可能的疏忽。 什么是Google Chrome扩展?...扩展是用标准的网络技术——HTML,JavaScript和CSS——开发的,它们可以从简单的工具(如颜色选择器)到更复杂的工具(如密码管理器)。...注:对于那些渴望更深入了解Chrome扩展的人,Google的官方文档是一份极其宝贵的资源。 值得注意的是,Google Chrome 扩展可以根据其预期的功能采取多种形式。...对于我们的教程,我们将专注于使用内容脚本扩展类型。该脚本将允许我们与特定页面的DOM进行交互和操作——在我们的情况下,即ChatGPT界面。

46251

有哪些实用且堪称神器的Chrome插件?吐血推荐!!!

4、Adblock Plus:免除广告困扰 只要是使用 Chrome 的人都应该安装的一款扩展应用,可以帮助你屏蔽几乎大部分网页广告,如果存在漏网之鱼,还可以手动添加到屏蔽列。...在安装了这款插件后,使用可以通过点击WhatRuns图标来打开插件窗口,通过该窗口使用可以轻松了解网站的技术信息 24、Google翻译 Google翻译是一款由谷歌公司提供的网页划词翻译插件...,是Google Chrome的翻译扩展工具,由Google官方发布。...34、为什么你们就是不能加个空格呢 每次看到文章中的英文、数字、中文写在一起,你知道的内心是什么样? 你们能不能在它们之间加个空格呢?!不过自从装上了「为什么你们就是不能加个空格呢?」...37、Postman 相信开发者朋友一定知道这款插件,这是一款强大的 API & HTTP 请求调试工具,它不仅可以调试简单的 HTML、CSS 以及脚本等简单的网页基本信息,这款 Chrome 插件甚至还能发送几乎所有的

9.3K41

几个有意思的扩展脚本

最近又发现几个有意思的chrome扩展/脚本, 这里再整理下,之前分享过的扩展都更新到博客上了https://sushengbuhuo.github.io/blog 。...chrome浏览器自带右键搜图功能,不过只能使用谷歌搜索,这个扩展可以支持bing,yandex,baidu等搜索引擎https://github.com/dessant/search-by-image...%E8%83%BD%E7%BD%91%E9%A1%B5%E5%A4%A7%E7%BA%B2/ppdjhggfcaenclmimmdigbcglfoklgaf ,以这篇文章为例整理下苏生不惑开发过的那些软件和脚本...类似的还有这个油猴脚本 https://greasyfork.org/scripts/406337 自动剪切板 这个扩展可以选中文字自动复制,破解禁止选择、禁止复制,支持各种文库和网站,还可以查看剪切板历史记录...8A%A8%E5%89%AA%E5%88%87%E6%9D%BF/inhnhgihdkbalmmojcbpalkkmhkmcdjm 获取扩展源码 如果想自己学习写扩展插件,可以使用这个扩展参考其他扩展的源码

65930

脚本神器加1

今天继续分享实用的chrome扩展和油猴脚本分享几个让 b 站开挂的油猴脚本chrome扩展 ,之前分享过的都同步到博客了 https://blog-susheng.vercel.app/ 另外一直推荐使用谷歌或者...Automa 最近了解到RPA,这是个浏览器自动化扩展https://chrome.google.com/webstore/detail/automa/infppggnoaenmfagbfknfkancpbljcca...扩展支持同时搜索多个关键词 https://chrome.google.com/webstore/detail/multi-highlight/ghinpogonpmlphfkmnjfapdaoaainejn...修改网站默认编码 浏览器无法判断部分网站使用的编码,可能导致显示乱码,这个扩展可以自己调整编码https://chrome.google.com/webstore/detail/oenllhgkiiljibhfagbfogdbchhdchml...网易云音乐每天自动听歌300首升级LV10,b站每天自动签到升级LV6,京东每天自动签到领京豆,微信运动每天自动修改步数 分享几个音乐神器 APP,免费收听和下载音乐,一键解锁网易云音乐变灰歌曲 整理下苏生不惑开发过的那些软件和脚本

1.4K20

使你的Chrome使用的更加便捷

不行,怎么那么没有节操,要好好使用Chrome,让他成为开发的一款神器,哈哈,正文开始喽,老司机开车啦!!!!...密码:vgfc 大家下载下来,解压出来,点击ChromeSetup.exe即可安装,安装完毕,就可以上网喽~~~ 无法Google,怎么换用百度 下载安装了Google,并不意味着你可以使用Google...学会使用Chrome,接被度娘打脸 有人说,学会使用Chrome了,你还要怎样,这百度的广告杀伤力真是强劲,看下图: image.png 这波广告,防不胜防呀!...使用油猴插件中的AC重定向脚本 1、下载使用油猴脚本: 2、安装油猴脚本,油猴脚本是众多Chrome插件中的一种,接下来给大家继续介绍怎么给Chrome安装左膀右臂,下载好安装包解压之后看到下图:*.crx...image.png 6、好了,以上就是给Chrome安装扩展插件,接下来给大家用油猴安装一下AC百度重定向脚本 7、准备一下油猴安装脚本网站: Greasy Fork 【网站官网 】(推荐使用此网站安装

1.3K60

一段JavaScript让ChatGPT开口说话?网友开源自制浏览器插件

---- 新智元报道   编辑:Aeneas 好困 【新智元导读】用一个Chrome扩展程序,让ChatGPT开口说话! 现在,ChatGPT可以和我们语音聊天了!...如何安装 Talk-to-ChatGPT扩展程序可以从此处的Chrome在线商店下载:https://chrome.google.com/webstore/detail/talk-to-chatgpt.../hodadfhfagpiemkeoliaelelfbboamlk 安装 Google Chrome 扩展程序后,打开或重新加载ChatGPT页面 ( https://chat.openai.com/chat...设置保存在cookie中,并在每次激活脚本时都会自动重新加载。 自定义选项只需点击一下 只要在屏幕右上角添加一个小图标,就可以通过Talk-to-ChatGPT扩展程序实现很多功能。...打开扩展设置:从扩展的设置中,可以选择AI语音合成的声音和语言,还可以设置朗读时的速度和音调。 使用Talk-to-ChatGPT的好处 首先,对懒癌友好,省掉了用键盘手打问题的这一步。

1.4K40

谷歌浏览器油猴插件安装教程,让你的浏览器更加强大

什么是扩展程序? 首先,你要知道油猴是什么的话,那你就必须知道谷歌浏览器的扩展程序是什么?点击浏览器右上角–>更多工具–>扩展程序,进入我们的扩展程序界面,在这里可以看到我们已经安装的扩展程序。...装了谷歌访问助手、tampermonkey及的测试插件。 油猴插件很强大,但是很大部分人不会使用,安装后一点效果也没有,感觉很鸡肋,其实不然,只是你的打开方式不对,需要配合其他脚本来实现强大功能。...因为油猴是附属于Google上的,必须在chrome网上应用店下载安装,所以首先必须解决打开chrome网上应用店的问题;目前找到了两种解决方式: kx上网;需要成本或者有一定技术,所以被忽略; 安装一个...点击浏览器右上角–>更多工具–>扩展程序,进入扩展程序界面,勾选开发者模式,左边会出现加载已解压的扩展程序。 点击加载已解压的扩展程序,选到你解压的那个插件的外层目录,再点击选择文件夹。...按要求设置好后,就可访问google,这时如果把谷歌访问助手换成chrome应用店里的,需要打开商店,搜索谷歌访问助手安装 https://chrome.google.com/webstore/category

5.4K1713
领券