从Chrome内部开发Chrome扩展程序

用户名

我使用TamperMonkey。我正在考虑创建个人Chrome扩展程序,以克服TamperMonkey的局限性。它只会由我使用。无论如何,我可以像TamperMonkey脚本一样从Chrome内部开发它们,从而节省时间。

wOxxOm
  1. 将扩展程序的文件夹添加为开发人员工具中的工作区
  2. 现在,您可以在具有许多有用的热键和功能的devtools中对其进行编辑,请参阅概述创作与开发工作流程
  3. chrome://extensions页面上加载解压后的扩展程序,如果[x] Developer mode选中复选框,该按钮将出现
  4. 要重新加载背景脚本和内容脚本中的更改,请使用页面Reload上扩展信息框中的链接chrome://extensions(您必须重新打开按#6中所述打开的所有背景检查器)
  5. 要重新加载弹出窗口/页面操作中的更改,只需右键单击按钮并选择Inspect popup-一个新窗口将打开,您可以在其中临时更改代码(编辑内容并按Ctrl-S)并重新加载弹出窗口(Ctrl-R或F5)
  6. 要检查背景页面,请使用上述chrome://extensions页面,然后单击background页面链接,这将打开一个新窗口,您可以在其中临时更改代码(编辑内容并按Ctrl-S)并重新加载背景页面(Ctrl-R或F5)
  7. 广泛使用调试器,拦截从后台页面发送到内容脚本或弹出页面脚本的消息特别有用,反之亦然。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

开发Chrome扩展程序时如何清除“ chrome.storage.local”缓存?

如何为Gmail开发Chrome扩展程序?

如何自动重新加载正在开发的Chrome扩展程序?

获取用于开发的Chrome扩展程序ID

Chrome扩展程序:SendMessage问题

关闭Chrome扩展程序选项

如何在Chrome开发人员信息中心中删除扩展程序?

使用Chrome身份验证访问Chrome扩展程序内部的gmail API

如何在Chrome扩展程序开发中获取选定的文本?

开发Chrome扩展程序时,Chrome React Devtools不显示

Google Chrome扩展程序开发中的ES6模块(意外令牌)

Chrome扩展程序CaptureStream

chrome扩展程序-Chrome版本限制

禁用缓存Chrome扩展程序

开发人员模式扩展程序在Chrome中弹出

在自定义Chrome开发者工具面板和Chrome扩展程序内容脚本之间直接通信

开发人员模式下的固定Chrome扩展程序ID

静默安装Chrome扩展程序

开发Chrome扩展程序时,如何打开空白页以运行脚本?

YouTube API,Chrome扩展程序,YouTube开发者密钥和403禁止的配额错误

开发chrome扩展程序的屏幕截图

Chrome扩展程序的指标

Google Chrome扩展程序可能会干扰我的开发测试

如何在Windows的Chrome 44开发人员中添加非商店扩展程序?

Chrome扩展程序-通知

Chrome扩展程序选项

Chrome扩展程序开发Instagram加载事件

Chrome 扩展开发:禁用扩展的操作

如何在开发(解包)时在所有选项卡上提供 Chrome 扩展程序?