1.5 分钟带你写个自己的 Chrome 扩展和油猴脚本
2.推荐几个可以提升工作效率的 Chrome 插件
3.我放弃了所有浏览器插件,只因为这3个超神的找油猴脚本方法!
4.crx是什么文件?如何正确地安装到浏览器中
5.谷歌浏览器乱码怎么解决
5 分钟带你写个自己的 Chrome 扩展和油猴脚本
苏生不惑第篇原创文章,将本公众号设为星标,第一时间看最新文章。
前几天分享过文章实用油猴脚本推荐,指标公式源码设置让你的谷歌浏览器更强大(二),有人问如何自己写个油猴脚本,今天就来分享如何写个自己的Chrome扩展和油猴脚本。
一个 Chrome 扩展其实就是一个配置文件manifest.json和一系列html、css、js文件的集合,只要有一点点前端的基础,写一个简单的扩展还是很简单的。
这里就带你5分钟写个简单的扩展,功能就是点击链接在新标签页打开,chrome_extension扩展目录结构如下:
一个icon文件,lib目录下一个jQuery文件(如果不依赖jQuery库可以不需要),一个配置文件manifest.json以及一个编写代码的文件url.js,就这4个文件行了。
先来看看manifest.json文件里的内容,主要在content_scripts加载的js文件:
其实要写的代码就是url.js里的3行:
扩展代码写好了就可以安装到谷歌浏览器了,具体如何安装看之前文章上不了谷歌如何安装 Chrome 扩展?,打开chrome://extensions/,点击加载已解压的申博源码扩展程序,就是chrome_extension目录。
就这样安装好了,测试下没问题,原来写扩展就是这么简单,5分钟搞定,当然这只是个demo,下面来看看大名鼎鼎的油猴扩展怎么写的, 谷歌浏览器的扩展默认安装目录为 C:\Users\xxx\AppData\Local\Google\Chrome\User Data\Default\Extensions ,xxx为你的Windows用户名 ,先在扩展里找到油猴的id为 dhdgffkkebhmkfjojejmpbldmpobfkfo
找到油猴扩展的源代码目录 C:\Users\xxx\AppData\Local\Google\Chrome\User Data\Default\Extensions\dhdgffkkebhmkfjojejmpbldmpobfkfo\4._0 ,这个manifest.json文件写得就复杂多了。
顺便提下怎么备份Chrome扩展,这样方便迁移到新电脑使用,这个在之前文章也分享过了那些你可能不知道的谷歌浏览器实用技巧。
导出生成的crx文件就可以分享给他人使用了。
最后如果你想发布扩展到谷歌商店供他人安装,可以在谷歌管理后台提交你的扩展,不过需要5美元的费用。
写油猴脚本就更简单了,先安装好油猴扩展, 然后直接新建脚本。
脚本内容如下:
然后导出你写的脚本文件,这样方便给其他人安装使用。
同样的戴维公式源码也可以在 greasyfork.org/zh-CN/sc... 发布你的脚本,比如之前分享过的油猴脚本实用油猴脚本推荐,让你的谷歌浏览器更强大
除了写Chrome扩展和油猴脚本,让浏览器运行脚本还有个更简单的方法就是书签。
先添加一个网页到书签然后修改,复制这段代码到网址里:javascript:"use strict";!(function(){ document.querySelectorAll("a").forEach(function(item,index,arr){ item.target='_blank';});})();
使用的时候点击网页上方的新标签打开网页就行了,比Chrome扩展和油猴麻烦点。
顺便分享2个书签代码,第一个是显示密码,默认输入密码的地方是星号*javascript:"use strict";!function(){ for(var tag=document.getElementsByTagName("input"),i=0;i
第二个是自由编辑网页javascript:"use strict";!function(){ "true"===document.body.getAttribute("contenteditable")?(document.body.setAttribute("contenteditable",false),alert("关闭自由编辑网页了!")):(document.body.setAttribute("contenteditable",true),alert("可以自由编辑网页了!"))}();
推荐几个可以提升工作效率的 Chrome 插件
在众多浏览器中,Chrome 继续占据着主导地位,其市场份额高达 % 以上,并且持续增长。作为一款响应速度快、支持各种插件且兼容性好的浏览器,Chrome 已经成为许多开发者和用户的首选。
为了提高开发效率,本文向开发者推荐了几个 Chrome 插件,它们能极大提升编程体验。下面是一些推荐的插件及其功能:
1. GitHub Awesome Autocomplete:在 GitHub 搜索项目时,只需在搜索框输入关键词,此插件即可弹出动态显示的搜索结果列表,用户只需点击即可快速获取所需信息,代码货栈 源码大大节省了操作时间。
2. Octotree:当查看 GitHub 上的代码时,用户可以使用此插件在浏览器侧边栏直接生成项目目录结构,方便用户在目录间切换,提高浏览效率。
3. GitZip for GitHub:在下载 GitHub 上的项目时,此插件允许用户仅下载需要的文件,而非整个项目,有效节省了下载时间。
4. 掘金:掘金 Chrome 插件专为开发者、设计师和产品经理设计,能快速筛选优质内容,节省了筛选成本,提高了工作效率。
5. Json-Handle:在查看 JSON 格式的 API 响应时,此插件能自动整理 JSON 数据,使数据结构更加清晰,方便用户阅读和理解。
6. Android SDK Search:此插件为 Android 开发者提供快速查看 Android SDK 的功能,并提供源码入口,大大提高开发效率。
7. Scrcpy:作为 Vysor 的替代品,Scrcpy 是 Genymotion 的开源项目,提供无码率限制、余滨 源码无广告的免费 Android 投屏服务,支持全平台。
以上推荐的插件和工具数量虽少,但功能实用,对提高开发效率有着显著作用。如果您还没有尝试过这些插件,请考虑安装使用。关于如何安装插件,如果能打开 Chrome 应用商店,只需在搜索框输入插件名称并点击「添加至 Chrome」即可完成安装。如果需要离线安装,将插件安装包的后缀从 .crx 改为 .rar 格式,解压后通过「加载已解压的扩展程序」功能安装。
我放弃了所有浏览器插件,只因为这3个超神的找油猴脚本方法!
浏览器插件世界中,油猴(Tampermonkey)无疑是一颗璀璨明星。它实际上是一个用户脚本管理器,通过运行JavaScript代码在网页上实现功能定制,提升浏览体验。安装油猴的过程相对简单,首先访问tampermonkey.net获取CRX文件,转换为RAR并解压。接着,打开Chrome的扩展程序设置页(chrome://extensions/),开启开发者模式并加载扩展。
获取脚本的途径多样,GreasyFork、Userscript.Zone和 Zhaojiaoben.cn是首选。在这些平台,只需输入关键词或网站名搜索,就能轻松找到你需要的脚本,点击安装即可实现定制。
对于私人脚本,可能只有源代码,这时在油猴的“添加新脚本”功能中,粘贴代码并保存,你便能管理和使用它们。脚本的选择完全取决于个人需求,这里并未列出我个人的推荐,但你可以根据自己的兴趣和需求在相关网站上自行探索。
总的来说,油猴的超神之处在于其强大的脚本管理和执行能力,使得个性化浏览体验变得触手可及。只需掌握这些操作,你就能轻松驾驭这个神奇的浏览器扩展工具。
crx是什么文件?如何正确地安装到浏览器中
最近,工作的时候需要对网站的页面进行一定的改版,于是很多参数代码就需要调整。我从网上查询了一下大神的修改建议。还有一些代码片段,想复制下来,但是一时间无法从网页上直接进行代码复制。我又懒得去网页源代码中一点一点的找。于是从网上找了一个点.crx的浏览器小工具,将这个CRX小工具安装到浏览器上,就可以灵活的提取我们需要的内容了。当然还有一些五花八门的CRX工具文件,你可以根据自己的需要进行对应的工具安装。从而实现不同的浏览器功能。如果你还没有使用过CRX类型的浏览器工具,那么接下来我就简单的介绍一下,关于CRX浏览器工具的安装使用方法。
crx文件是做什么的?
CRX文件是Google Chrome浏览器的扩展程序文件。CRX文件包含了浏览器扩展程序所需的所有文件,可以通过Chrome浏览器的扩展程序页面进行安装。CRX文件可以增强浏览器的功能,比如添加新的工具栏或改变网页的外观。
浏览器安装crx文件安全吗?
安装CRX文件作为浏览器扩展程序是安全的,但是需要确保安装的CRX文件是从安全的渠道获得的,并且满足浏览器的安全要求。有时候,第三方的CRX文件可能带有恶意软件,如果安装了这些文件,可能会导致安全问题。因此,安装CRX文件时,应当从官方或可信任的渠道获取文件,并确保满足安全要求。
要安装CRX文件到Chrome浏览器中,需要以下步骤:
打开Chrome浏览器,在地址栏中输入 chrome://extensions/ 并回车。在扩展程序页面中,打开右上角的"开发者模式"。点击"加载已解压的扩展程序",然后选择需要安装的.crx文件确认安装,Chrome浏览器就会安装该扩展程序。安装完成后,新的扩展程序就会出现在扩展程序页面中。
注意:安装的扩展程序需要符合Chrome浏览器的安全要求,否则可能无法安装或会导致问题。
另外我测试了一下,像浏览器之类的浏览器也可以进行CRX文件安装,只需要打开浏览器,然后把需要安装的CRX文件拖入到浏览器中,就可以正常的进行安装了。Chrome浏览器却不可以,需要按照上面的Chrome浏览器CRX安装步骤进行,开启开发者模式,才能进行CRX工具安装。常用的一些浏览器工具,在浏览器应用商店中都可以找到,具体的就不在这里罗列了。有需要的小伙伴可以到应用商店中搜索查找一下。对应的功能,安装对应的工具即可。
谷歌浏览器乱码怎么解决
解决谷歌浏览器乱码问题,需要关注网页编码设置。当遇到乱码情况,首先要通过F打开浏览器控制台,查看文档的编码方式。确保网页源码编码与文档显示的编码一致。
若编码不一致,需要通过安装名为Charset的扩展程序来解决。下载Charset扩展程序后,先将压缩包文件重命名为zip格式,再解压,找到crx后缀的文件进行安装。安装时,进入浏览器扩展程序页面,开启开发者模式,加载已解压的扩展程序。
安装完毕后,Chrome浏览器会显示Charset插件图标。点击该图标即可手动修改当前网页的编码,选择GBK、GB、UTF-8等格式进行切换。操作步骤清晰明了,对于解决谷歌浏览器网页乱码问题提供了有效方法。
总结而言,解决谷歌浏览器乱码的关键在于确认并调整网页编码设置。通过简单的操作步骤,如检查编码、安装扩展程序、修改编码,便能有效解决乱码问题,确保浏览体验流畅。希望以上信息能为遇到此问题的用户提供帮助。