chrome app的helloworld

最新推荐文章于 2023-12-24 12:29:21 发布

原创最新推荐文章于 2023-12-24 12:29:21 发布 · 256 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#chrome

javascript 专栏收录该内容

30 篇文章

订阅专栏

本文详细介绍了如何在Chrome浏览器中创建一个简单的扩展程序，并通过manifest.json文件配置弹窗功能，实现了一个名为'haoning'的扩展程序，包含基本的HTML页面和图标，以及如何在Chrome中加载并使用此扩展程序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考
http://blog.youkuaiyun.com/rydiy/article/details/8566061

文件夹里建三个文件
popup.html


<html>  
  <head>  
    <title>haoning</title>  
  </head>  
  <body>  
  helloworld  
  </body>  
</html>

manifest.json


{
"manifest_version":2,

"name":"haoning",
"version":"1.0",
"description":"haoning helloworld",

"browser_action":{
    "default_icon":"icon.png",
    "default_popup":"popup.html"
}
}

随便找个图标
icon.png
[img]http://dl2.iteye.com/upload/attachment/0103/0513/196e7504-efe0-309f-bfe2-a64a929a19fd.png[/img]
chrome--->更多工具--->扩展程序--》加载正在开发的扩展程序
指定到这个文件夹即可
[img]http://dl2.iteye.com/upload/attachment/0103/0515/f853fefa-af55-30ba-8584-8b6de0fcff50.jpg[/img]
[img]http://dl2.iteye.com/upload/attachment/0103/0517/c05372b9-416d-3b00-9192-7e8fff9127b8.png[/img]