chrome app的helloworld

最新推荐文章于 2020-06-24 02:37:13 发布
最新推荐文章于 2020-06-24 02:37:13 发布
阅读量232 收藏
点赞数
分类专栏： javascript 文章标签： chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leafrenchleaf/article/details/84684934
版权
参考
http://blog.csdn.net/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]
linux内核控
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Chrome扩展编写之Hello World（一）
thinker的专栏
05-31 1万+
Chrome浏览器在4.x版本后开始支持扩展开发。其扩展开发最大的特点是基于标准Web技术，开发一个扩展类似开发一个网站，你只需要懂得标准的HTML、CSS、JS技术即可快速上手。特别是对于熟悉Web前端开发的人员而言，其学习成本几乎为零。用Chrome扩展演示Hello World这样的例子过于简单，以至于我犹豫过是否要采用这样的例子，后来我想Hello World这样的传统应该发扬下去，另外很多时候把简单问题复杂化似乎不难，因此我打算分篇以简单到复杂的方式来讲解Hello World扩展的编写，这样既发
Chrome扩展程序（一）——HelloWorld
Rhine
10-31 6969
功能强大，又开发简单的Chrome扩展程序！
chrome helloworld程序
01-15
chrome helloword扩展程序
chrome插件编写之新版hello world
weixin_30420305的博客
11-09 707
编写chrome插件之前，需要熟悉一下相应的chrome插件开发环境。从编写hello world开始，参考阅读官方的教程，是一个不错的选择。这里主要是基于chrome的官方教程，稍稍做了一些修改和扩充，总结成了如下的几个部分。 在chrome中编写插件和写网页应用基本一致，采用的是javascript+css+html的方式。所以对于用过chrome浏览器审阅过一些网页的源码，写...
手把手教你开发App（HelloWorld）
jiaonizuoren的博客
11-28 5589
创建HelloWorld应用 启动HBuilder（下载地址：http://www.dcloud.io/）； 在菜单栏中选择“文件”-&gt; “新建”-&gt;“移动App”（快捷键Ctrl+N A），打开“创建移动App”对话框，在应用名称中输入“HelloWorld”； 如果是HBuilderX，则新建项目时选5+App。 注意新建移动App需要联网分配一个appid，在真机联调、打...
pouchdb-chrome-app-hello-world:带有 PouchDB 的“Hello world”Chrome 应用程序
06-26
使用 PouchDB 的“Hello world”Chrome 应用程序 这是一个示例应用程序，展示了如何在 Chrome 打包应用程序中使用 PouchDB。 它演示了您可以加载 PouchDB 并且 IndexedDB 适配器（即默认适配器）可以工作。 ...
Ashish's Hello World App 2-crx插件
04-06
1. **CRX文件**：`Ashish's_Hello_World_App_2.crx`是Chrome浏览器扩展程序的打包文件格式，它包含了扩展的所有资源，如JavaScript代码、HTML、图片、样式表等。CRX文件可以通过拖放到Chrome浏览器的扩展管理页面...
node_ejs_helloworld:使用EJS模板的Hello World示例
05-12
总结一下，这个“node_ejs_helloworld”项目展示了如何使用EJS模板引擎和Node.js的Express框架创建一个简单的“Hello World”应用。EJS通过将JavaScript和HTML结合，使得动态生成HTML变得更加方便。通过理解和实践这...
【helloworld】-微信小程序教程-入门篇【5】
03-29
案例分析：helloworld小程序。 备注：有编程经验或看过微信官网简易教程的同学，请酌情略过该章节。 2. 调试区  如下图： (此图片来源于网络，如有侵权，请联系删除! )  调试工具分为6 大功能模块：Wxml、Console...
chrome-app-tls-server:chrome 应用程序中的 https 服务器
05-31
res.end('Hello, Secure World!'); }).listen(9999); ``` 在这个例子中，`key`和`cert`选项分别读取了服务器的私钥和证书文件。在Chrome App中，由于沙盒环境的限制，可能需要使用不同的方法来处理证书和密钥，例如...
websocket上传文件
走在左边
12-15 2557
nginx的上传 查看[url]http://haoningabc.iteye.com/blog/2344484[/url] 效果如图 [img]http://dl2.iteye.com/upload/attachment/0121/9935/3e522bf6-b489-3503-9eb9-148c301e5a3b.png[/img] 这几天有个需求 上传大文件，需要带进度条， ngi...
websocket传传图片
走在左边
12-25 1707
参考[url]http://www.adobe.com/devnet/archive/html5/articles/real-time-data-exchange-in-html5-with-websockets.html [/url] server端还是用tomcat7的方式 客户端 [code="java"] Insert title ...
使用桥接网络的jslinux
走在左边
06-24 1442
本文代码在：https://github.com/killinux/jslinux-tap 测试demo在：http://www.hackernel.com/jslinux/ 11年很火的jslinux，把linux跑在浏览器上，10年过去了，还有人记得这个么？ 这个代码参考了大神fabrice bellard的代码，版权归作者所有。 官网是： https://bellard.org/jslinux 这个已经变成wasm的版本，所以目前这个纯js版的作为学习Linux内核的教程还是很好的。 没混淆的jsli
webgl的贝塞尔曲线
走在左边
11-12 1238
BezierCurve webgl的贝塞尔曲线 webgl例子 https://www.khronos.org/webgl/wiki/Demo_Repository 参考 http://jsdo.it/Biske/A07Y http://jsdo.it/kimmy/Z9z6 [code="java"] (function(d, w){ var FPS = 3...
D3 的3d图
走在左边
09-16 1130
LCF http://mathworld.wolfram.com/LCFNotation.html http://selection.datavisualization.ch/ 地图 http://kartograph.org/ http://kartograph.org/showcase/italia/ 3d http://bl.ocks.org/1...
svg显示错误
走在左边
01-12 698
转载http://blog.csdn.net/sclxf/archive/2009/09/20/4572051.aspx 如何在鼠标移动到特定的svg元素上时，将指针形状改为手状呢？ 在希望发生效果的元素周围加上a xlink:href=""即可 如下所示： xxx 但是在firefox中显示会出现错误，提示XML Parsing Error: prefix...
jquery 的svg中国地图
走在左边
12-16 660
三种吧 1.d3.js很强大 2.jquery的 jvectormap 3.svg的 4.flash的就不考虑了。 d3的忽略 ---------------------- [b]jvectormap[/b] 参考 https://github.com/killinux/jvectormap http://jvectormap.com/maps/countries/chin...
跨域的时候报“没有权限”错误
走在左边
10-18 625
转http://blog.csdn.net/wolfcyl/article/details/6612089 加 try{ //报错代码 }catch(e){} 或 try{ //报错代码 }catch(e){ setTimeout(arguments.callee,0); } 引用 [code="java"] IE下使用location对象有时会出现“没有权限”的错误 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值