使用火狐拓展插件以及运行脚本的超详细方法

1.首先我们需要下载火狐浏览器
火狐浏览器官网:火狐浏览器
打开后默认页面:在这里插入图片描述
2.如图所示点击右上角打开菜单,然后点击附加组件:
在这里插入图片描述
3.进入该页面后在搜索框输入 : tampermonkey (油猴插件)
在这里插入图片描述
4.接下来安装插件:
选择第一个:

点击添加到Firefox:

在这里插入图片描述
弹出跳窗,点击添加:
在这里插入图片描述
安装完成后,右上角菜单栏显示已安装插件;
在这里插入图片描述
5.插件安装完成,接下来开始安装脚本:
脚本网址:Greasy Fork
(进入网站后,搜索自己想要的脚本)
在这里插入图片描述
安装脚本:
点击安装脚本:
在这里插入图片描述
如图所示点击安装:
在这里插入图片描述
现在脚本已经安装成功,为了判断是否安装成功并且运行:
先点击刚刚安装油猴插件图标
然后点击管理面板:
在这里插入图片描述
这时候可以看到脚本的状态:
在这里插入图片描述
已经安装成功了,接下来打开对应该脚本页面,脚本就会自动运行。
比如说,我演示的这个脚本是这个网站的,那么我打开这个官网后,这个脚本就会自动运行了。
教程结束。

  • 13
    点赞
  • 35
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
通过使用少量的JavaScript脚本,自定义网页显示方式或表现方式。Greasemonkey是Mozilla Firefox的一个附加组件。它让用户安装一些脚本使大部分HTML为主的网页于用户端直接改变得更方便易用。随着Greasemonkey脚本常驻于浏览器,每次随着目的网页打开而自动做修改,使得运行脚本的用户印象深刻地享受其固定便利性。 技术明细: 大部分Greasemonkey用户脚本都是自行撰写,使用对某网站专用的JavaScript代码,通过文档对象模型(DOM)接口对网页内容做操作。userscripts.org维护了个Greasemonkey数据库。该数据库描述哪个网址网页对应到哪个脚本。当用户加载匹配的网页,Greasemonkey便调用相关的脚本,而该脚本便根据脚本内容改变网页的内容。Greasemonkey脚本亦能通过非网域绑定的XMLHTTP要求来查询外部HTTP资源。Greasemonkey亦遵循某用户名.user.js的格式,这让当该特定用户拜访时Greasemonkey可自动侦测并提供安装选项。除了JavaScript代码,Greasemonkey脚本包括有限可选用后数据集。该后数据集描述了脚本名称、脚本描述、网址用来区分同名脚本的地址空间、以及原本该脚本为哪些网址撰写的列表。Greasefire扩展:同Greasemonkey扩展配合使用,自动显示在userscripts.org的脚本库中是否存在可以在当前正在浏览网站上使用脚本,如果存在Greasemonkey的猴头图标背景就会变为彩色的。右键点击猴头图标,最上面一行就是打开当前网站可用脚本列表的选项。Platypus(platypus.mozdev.org)附加组件可让用户可以编辑网页(删除或者移动某碍眼的部分)。Platypus随后将结果存成常驻的Greasemonkey脚本。 典型的脚本: 用户群已发展大量的脚本,以下是其中的一些应用:调整Gmail让Google Reader内嵌,因而提供RSS新闻订阅的选项。当联机浏览某本书时同时显示对手网站同本书价钱。去除来自某些站的广告,包括弹出视窗与Google文字广告。改变网页的版面,包括原本该网页作者未考虑到的元素大小与浏览器画面大小。自动完成窗体。浏览某些布告栏网站自动过滤特定的发帖人。增删网页上的某些功能。让用户从某些视频站点如Google Video以及YouTube存下FLV视频文件。从现行网页找寻任何RSS新闻订阅,并将它们显示在可扩展、漂浮于网页上的皮肤里。突破百度贴吧对言论内容的管制,辅助发表繁体汉字及不受贴吧服务器支持的字符,或者将文字转换为图片发表。
使用Firefox Developer Edition调试火狐浏览器插件并观察其运行情况,请按照以下步骤操作: 1. 下载和安装Firefox Developer Edition浏览器,并启动。 2. 在Firefox Developer Edition浏览器中打开要调试的插件。 3. 在Firefox Developer Edition浏览器中,打开“Developer Tools”面板。这可以通过点击菜单栏中的“菜单”按钮,然后选择“Web开发”>“开发工具”来实现。或者,您也可以使用快捷键“Ctrl + Shift + I”(Windows和Linux)或“Cmd + Option + I”(Mac)来打开开发工具。 4. 在“Developer Tools”面板中,点击“Debugger”选项卡。在这里,您将看到一些调试工具,比如断点、变量观察器、调用堆栈等。 5. 在“Debugger”选项卡中,可以使用“Source Mapping”功能将插件代码映射到实际的源代码文件。这可以让您更方便地在插件代码中设置断点,并将调试器与浏览器中运行的实际代码联系起来。 6.设置断点: 单击文件名右侧的行号,就能够在该行设置断点。 7. 调试插件   设置好断点之后,在插件所在的web页面可以手动触发插件的事件。触发事件后可以调试插件了。 8. 在调试过程中,您可以使用断点和其他调试工具来查看插件的代码。此外,还可以使用控制台来查看已定义变量的值、执行代码等。 最后,如果您想获取更详细的关于Firefox Developer Edition的调试插件的信息,请参考官方文档。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值