首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >用户脚本与Chrome扩展

用户脚本与Chrome扩展
EN

Stack Overflow用户
提问于 2012-11-21 06:35:01
回答 3查看 11K关注 0票数 21

我正在开发一个扩展,它将读取HTML元素的值,然后对外部网站进行API调用,获得结果并在新创建的HTML元素中显示它们。

用原生chrome扩展和用户脚本编写的优缺点是什么?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-11-21 09:26:08

原生Chrome扩展和用户脚本之间有一些区别。

查看this wiki section查看Greasemonkey脚本和Chrome用户脚本之间的差异列表。

如果您希望利用跨浏览器用户脚本,请尽量不使用GM_*方法或unsafeWindow

从开发人员的角度来看,选择用户脚本或Chrome扩展没有优势,因为任何用户脚本都可以很容易地嵌入到Chrome扩展中。

如果您从部署的角度来看待此主题,则差异是显著的:

  • 一键安装仅在Chrome网络商店中可用。仅限本机扩展。
  • 用户脚本和本机扩展都可以从本地文件浏览器拖到扩展页面以安装扩展。

(用户脚本转换为has been deprecated.扩展;警告:见下文)

  • 原生用户脚本支持将在2013年末停止工作,因为转换后的用户脚本使用清单版本1,该版本为Chrome

结论

我建议开发本机扩展。您可以使用以下目录结构从用户脚本轻松创建Chrome扩展:

代码语言:javascript
运行
AI代码解释
复制
manifest.json
whatever.user.js

最小manifest.json:

代码语言:javascript
运行
AI代码解释
复制
{
     "name": "name of extension",
     "version": "1",
     "manifest_version": 2,
     "content_scripts": [{
         "js": ["whatever.user.js"],
         "matches": ["http://example.com/*"]
      }]
}

另请参阅

票数 16
EN

Stack Overflow用户

发布于 2012-11-25 06:36:24

写作(和分享!)用户脚本:只要您只使用普通的浏览器DOM API,使用其他支持用户脚本的浏览器的任何人都可以很轻松地拾取并运行您的脚本(通常只是安装它而不进行编辑)。

当你使用谷歌Chrome时,对他们不利的情况是,从Chrome21开始,安装它们变得非常混乱:你需要右键单击安装链接,将其保存到磁盘上,打开扩展页面,然后将保存的脚本拖入其中(是的),或者从Chrome Web Store安装TamperMonkey (它是免费的,基本上就像Greasemonkey对火狐所做的那样:为用户脚本安装和维护提供一个可承受的用户界面)。

虽然你只需要做你列出的事情,但你可能不需要比用户脚本本机提供的更多的特权API访问:在另一个站点上,尝试执行你将在devtools控制台中为脚本编写的XMLHttpRequest代码,你将看到它是否足以满足你的需要。如今,许多web API都支持CORS,这可能会使您的用例不必求助于专有的浏览器原生扩展API。

票数 2
EN

Stack Overflow用户

发布于 2012-11-21 07:06:07

用户脚本(即随Chrome直接安装的扩展最终会自动转换为带有内容脚本的扩展,因此它们本质上是相同的。用户脚本更快、更容易编写,而且好的用户脚本可以在其他浏览器中得到支持。然而,Chrome中的用户脚本有几个限制。它们不能直接从网页读取或写入变量(只有标准DOM是共享的)。他们不能制作跨域XHR。相反,扩展功能更强大,但更难开发。

看起来你必须要写一个Chrome扩展,因为你需要“对外部网站进行API调用”。

票数 -3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13487661

复制
相关文章
Grammarly For Chrome扩展任意用户劫持漏洞分析
01 — 综述 2018年02月02日,Grammarly官方更新了Grammarly for Chrome 14.826.1446版本,其中修复了一个严重漏洞,在此之前的版本中此扩展能够向所有网站曝
xfkxfk
2018/03/29
1.4K0
Grammarly For Chrome扩展任意用户劫持漏洞分析
salt扩展与python脚本
来源 SALTSTACK技术入门与实战 1.扩展grains 通过Python脚本定义grains http://www.xiaomastack.com/2014/10/31/saltstack-grains/ file_roots:   base:     - /srv/salt/ /srv/salt/_grains/example.py #!/usr/bin/python def grains(): local={} test={'key': 'vaule','key1': 'vaule1','k
py3study
2020/01/09
1.2K0
Chrome扩展开发
注:content_scripts段中的代码会在页面加载对应阶段"document_start", “document_end”, or "document_idle"自动注入 但是脚本运行在与页面独立的上下文中,无法访问到原页面的脚本上下文资源 如需访问原页面脚本上下文,可在content_scripts脚本中将web_accessible_resources段中声明的脚本注入到document中 样例: js/content-script.js
路过君
2020/06/19
9370
chrome扩展推荐-Tampermonkey
  得益于Google的品牌力量和技术实力,chrome浏览器近年来的市场占有率不断上升。reizhi也是chrome的爱好者之一,从最原始的IE,到假死王maxthon,再到轻快的opera,最后让我留恋chrome的理由还是强大的可扩展性。虽然资源占用永远都是抛不开的弱点,但无与伦比的速度和极致的可扩展性是有目共睹的。
reizhi
2022/09/26
9940
chrome扩展推荐-Tampermonkey
认识Chrome扩展插件
1、前言 现如今的时代,绝大多数人都要跟浏览器打交道的,说到浏览器那肯定是Chrome浏览器一家独大,具体数据请看👇 知名流量监测机构 Statcounter 公布了 7 月份全球桌面浏览器市场份额,主要数据如下: 浏览器 市场份额 月涨跌份额 Chrome 66.19% -0.74% Edge 10.84% +0.2% Safari 8.94% +0.01% Firefox 8.08% +0.28% Opera 3.06% +0.08% IE 0.75% 浏览器扩展插件的用途 生产力工具(和浏览器进
甜点cc
2022/09/26
1.2K0
编写Chrome扩展程序
Chrome的扩展程序很多,也很容易入门,可以来简单实现一下 看看 官方文档 或者翻译的文档:百度、360,慢慢就能实现出一个扩展程序来 每个扩展程序应用一般会包含: 一个manifest清单文件 h
书童小二
2018/09/03
9200
编写Chrome扩展程序
能安装Chrome扩展和油猴脚本的手机浏览器
之前分享过很多Chrome扩展的文章,不过都是电脑端的,今天分享几个手机上能安装扩展和油猴脚本的浏览器。
苏生不惑
2021/04/22
7.2K0
能安装Chrome扩展和油猴脚本的手机浏览器
chrome调试JavaScript脚本
随着 JavaScript 应用的复杂性逐渐提高,开发者需要有力的调试工具来帮助他们快速发现问题的原因,并且能高效地修复它。Chrome DevTools 提供了一系列实用的工具使得调试 JavaScript 应用不再是一件痛苦的事。
空空云
2018/09/27
1.9K0
chrome调试JavaScript脚本
Chrome扩展开发入门
近几年,随着 IE 浏览器的落幕,Chrome(包括使用Chrome内核的浏览器)其实质上已经垄断整个浏览器行业了,就连微软的 Edge 都用上了 Chrome 内核。 可以说,Chrome 的标准,事实上就可以看做是行业标准了。可以预见,Chrome 的发展前景将会非常广阔。
epoos
2022/09/19
4.1K0
Chrome扩展开发入门
chrome无法从该网站添加应用、扩展程序和用户脚本_谷歌浏览器该插件不受支持怎么解决
今天将谷歌浏览器升级到了最新的版本,在安装拓展应用的时候,却发现无法添加应用、拓展程序和用户脚本,让我很是郁闷,现整理解决方法如下:
全栈程序员站长
2022/11/08
3.5K0
使用typescript开发chrome扩展
ianzhi
2023/10/19
7620
使用typescript开发chrome扩展
Chrome扩展程序导出备份与本地导入浏览器
现在即使在国内下载个chrome,转个插件也千难万难。现在科学上网也越来越难,由于众所周知的原因,连qiang这个话题都是敏感词。哀默于心死,还是回避这个话题
周陆军博客
2023/04/09
1.8K0
那些实用的 Chrome 扩展神器
之前已经写过不少Chrome扩展那些我常用的 Chrome 扩展,这里继续推荐那些实用Chrome扩展 ,所谓实用就是能解决实际问题。
数据森麟
2019/12/31
1.2K0
那些实用的 Chrome 扩展神器
Chrome扩展开发入门体验
****前言**** Chrome浏览器扩展开发算是相当简单的,基本只要掌握HTML+CSS+Javascript,即可快速开发一个属于你的Chrome插件! ---- ****Chrome扩展基本目录结构**** manifest.json 这是一个配置文件,里面记录了扩展的使用范围、作者、版本、其余需要加载的文件等内容; icon.png 这个一看便知,就是扩展的图标~~~ popup.html 点击扩展图标,弹出的面板页面(如果在manifest.json中配置了default
AlicFeng
2018/06/08
1.1K0
chrome扩展应用开发快速科普
本文通过对chrome插件的各个部分进行快速的介绍,从而让大家了解插件各个部分的关系,并且知道如何将其进行组装成一个完整的chrome插件。
黄Java
2018/09/18
1K0
chrome扩展应用开发快速科普
Chrome迅雷下载支持扩展1.1
喜欢chrome浏览器又经常使用迅雷下载东西的朋友注意了,chrome迅雷下载扩展已经发布了。再也不用复制到IE打开或者使用IE tab了。
reizhi
2022/09/26
9620
Chrome迅雷下载支持扩展1.1
从零实现的Chrome扩展
Chrome扩展是一种可以在Chrome浏览器中添加新功能和修改浏览器行为的软件程序,例如我们常用的TamperMonkey、Proxy SwitchyOmega、AdGuard等等,这些拓展都是可以通过WebExtensions API来修改、增强浏览器的能力,用来提供一些浏览器本体没有的功能,从而实现一些有趣的事情。
WindRunnerMax
2023/07/24
6020
【前端工具】Chrome 扩展程序的开发与发布 -- 手把手教你开发扩展程序
关于 chrome 扩展的文章,很久之前也写过一篇。清除页面广告?身为前端,自己做一款简易的chrome扩展吧。 本篇文章重在分享一些制作扩展的过程中比较重要的知识及难点。 什么是 chrome 扩展
Sb_Coco
2018/05/28
1.5K0
点击加载更多

相似问题

Chrome扩展与GA脚本对话?

10

google chrome扩展用户脚本图标

11

Chrome扩展内容脚本与答案匹配

11

Chrome扩展中的背景脚本与内容脚本

24

Chrome扩展:扩展不起作用-内容脚本与后台脚本通信

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档