Fatal编程技术网

Google chrome extension Chrome扩展：如何创建？

google-chrome-extension

Google chrome extension Chrome扩展：如何创建？,google-chrome-extension,Google Chrome Extension,我在HTML和JavaScript方面很有经验，但从未做过（真正的）Chrome扩展（除了“Hello World”教程） 我想做的是做一个扩展，为查看图像添加功能。基本上，当你转到.jpg、.png、etc.页面时，我想加载一个JavaScript页面 我无法从“Hello World”教程或文档中获得太多信息，我也看过XML树中的代码，但我在理解它时遇到了困难 我不知道从这里可以走到哪里。既然您对JavaScript和HTML有丰富的经验，请告诉您最好的源代码是什么 文档 上面的链接（

我在HTML和JavaScript方面很有经验，但从未做过（真正的）Chrome扩展（除了“Hello World”教程）

我想做的是做一个扩展，为查看图像添加功能。基本上，当你转到.jpg、.png、etc.页面时，我想加载一个JavaScript页面

我无法从“Hello World”教程或文档中获得太多信息，我也看过XML树中的代码，但我在理解它时遇到了困难

我不知道从这里可以走到哪里。

既然您对JavaScript和HTML有丰富的经验，请告诉您最好的源代码是什么

文档 上面的链接（Chrome扩展文档）非常简单，一旦你掌握了窍门就可以阅读。例如，当我创建第一个Chrome扩展（重新加载所有选项卡）时，我不知道JavaScript。我建议你阅读这些文档（只需要一个小时），然后按照你需要的步骤进行操作

  • 确保您了解可以点击的不同UI
  • ：您可以使用浏览器操作在主Chrome工具栏中放置图标
  • ：使用关联菜单将项目添加到Chromes关联菜单
  • ：使用桌面通知通知用户某些重要内容
  • ：如果你想要一个选项页面，这就是你的人
  • ：如果要覆盖某些页面（新选项卡、历史记录、书签管理器）
  • 确保您意识到您可以利用许多浏览器交互：
  • ：访问您的书签
  • ：访问Cookies
  • ：查阅历史
  • ：访问扩展管理
  • ：访问您的选项卡
  • ：访问您的窗口（有选项卡）
  • 确保您了解和之间的区别及其局限性
  • 确保您意识到在中有一些整洁的函数
  • 确保你理解
  • 更多
    • 我在Stackoverflow上回答了145个问题 如果你想要更多的例子，我已经回答了一些关于Chrome扩展的问题，这些问题可能会帮助你入门（回答了145个以上的问题），例如，下面是一些最近的问题：

  • ,
  • 对于Chrome扩展，上面是我从第一页的结果中复制的内容。因此，在谷歌搜索会得到很多结果
    • 我创建的真正的开源扩展 如果您想看到我编写的扩展的真实源代码（有些是超小的，有些是超大的）：

    资源 如果您仍然需要更多资源，您可以：

  • 读这本书
  • 阅读
  • irc.freenode.net上的非官方互联网中继聊天室（chromium extensions）
  • 谷歌（将把你带到Stackoverflow或Quora）
    • 我希望这能有所帮助！

    创建一个chrome扩展并不难，任何对HTML、CSS、Javascript有基本了解的人都可以创建一个

    如果你想做一个扩展，我已经写了一篇关于媒体的文章，它可能会很有用

    我还将我的代码附加到github上

    继续学习！

    这将是一个非常棒的标记信息wiki页面