chrome app的helloworld - 走在左边 - ITeye博客

`

haoningabc

浏览: 1477898 次
性别:
来自: 北京

最近访客更多访客>>

zfyq124

bartontang

dlzdy

cnnlush0605

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

wahahachuang8：我喜欢代码简洁易读，服务稳定的推送服务，前段时间研究了一下go ...
websocket的helloworld
q114687576： http://www.blue-zero.com/WebSoc ...
websocket的helloworld
zhaoyanzimm：感谢您的分享，给我提供了很大的帮助，在使用过程中发现了一个问题 ...
nginx的helloworld模块的helloworld
haoningabc： leebyte 写道太NB了，期待早日用上Killinux！么 ...
qemu+emacs+gdb调试内核
leebyte：太NB了，期待早日用上Killinux！
qemu+emacs+gdb调试内核

chrome app的helloworld

博客分类：

javascript

阅读更多

参考
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

chrome--->更多工具--->扩展程序--》加载正在开发的扩展程序
指定到这个文件夹即可

查看图片附件

分享到：

tornado和telegraphy的helloworld | autobahn的helloworld

2014-11-11 13:56
浏览 717
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

hello_world_chrome_app:Hello World说，第一个Chrome应用程式: 在这个 "hello_world_chrome_app" 项目中，我们将探索如何创建一个简单的 Chrome 应用，了解其背后的 JavaScript 代码以及 Chrome 应用的架构。首先，Chrome 应用主要由 HTML、CSS 和 JavaScript 组成，其中 ...

electron 的hello world: 官方的第一个示例通常被称为 "Hello World"，这是一个简单的应用，用于帮助开发者快速了解 Electron 的基本工作原理。在这个例子中，我们可能会看到以下主要组件： 1. **主进程（Main Process）**：主进程是运行在...

pouchdb-chrome-app-hello-world:带有 PouchDB 的“Hello world”Chrome 应用程序: 使用 PouchDB 的“Hello world”Chrome 应用程序这是一个示例应用程序，展示了如何在 Chrome 打包应用程序中使用 PouchDB。它演示了您可以加载 PouchDB 并且 IndexedDB 适配器（即默认适配器）可以工作。 ...

Ashish's Hello World App 2-crx插件: 1. **CRX文件**：`Ashish's_Hello_World_App_2.crx`是Chrome浏览器扩展程序的打包文件格式，它包含了扩展的所有资源，如JavaScript代码、HTML、图片、样式表等。CRX文件可以通过拖放到Chrome浏览器的扩展管理页面...

nodejs-helloworld-app:使用 express 的非常基本的 nodeJS Hello World 应用程序: 在这个"nodejs-helloworld-app"项目中，我们将学习如何使用Express创建一个简单的"Hello World"应用程序。 **1. 安装与初始化** 首先，确保你已经安装了Node.js和npm（Node.js的包管理器）。然后，在命令行中导航...

hello-pwa：经典的Hello World程序作为渐进式Web应用程序: 您好PWA 经典的Hello World程序作为渐进式Web应用程序这是什么一个简单的PWA演示，显示文本“ Hello，World！” 利用应用清单，服务人员和缓存。该演示使用普通HTML，CSS和Javascript（ES6）编写。它没有依赖性。 ...

node_ejs_helloworld:使用EJS模板的Hello World示例: 总结一下，这个“node_ejs_helloworld”项目展示了如何使用EJS模板引擎和Node.js的Express框架创建一个简单的“Hello World”应用。EJS通过将JavaScript和HTML结合，使得动态生成HTML变得更加方便。通过理解和实践这...

chrome-app-tls-server:chrome 应用程序中的 https 服务器: res.end('Hello, Secure World!'); }).listen(9999); ``` 在这个例子中，`key`和`cert`选项分别读取了服务器的私钥和证书文件。在Chrome App中，由于沙盒环境的限制，可能需要使用不同的方法来处理证书和密钥，例如...

helloworld：另一个存储库: 在这个特定的“helloworld”存储库中，我们可能涉及到两个主要的技术领域：Node.js和React.js。 Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许开发者在服务器端使用JavaScript进行开发，打破了...

node_hello_world:带有Node的Hello World应用程序，使用Express，ejs，Sass，JQuery和Bootstrap: 【标题】"Node.js入门教程：使用Express，EJS，Sass，jQuery和Bootstrap构建Hello World应用" 在本文中，我们将深入探讨如何使用Node.js，一个由JavaScript驱动的后端开发平台，创建一个简单的"Hello World"应用...

【helloworld】-微信小程序教程-入门篇【5】: 案例分析：helloworld小程序。备注：有编程经验或看过微信官网简易教程的同学，请酌情略过该章节。 2. 调试区如下图： (此图片来源于网络，如有侵权，请联系删除! ) 调试工具分为6 大功能模块：Wxml、Console...

hello-world-api: "Hello World API" 是一个非常基础且常见的编程概念，尤其在初学者入门编程时经常会遇到。这个项目可能是一个简单的示例，旨在展示如何通过JavaScript语言创建一个基本的API（应用程序接口）。API允许不同的软件组件...

firstNativeApp:我的第一个Hello World使用React Native: 5. **Hello World**：在`App.js`文件中，你可以找到基本的React Native组件，如`View`和`Text`，它们分别代表原生的视图容器和文本组件。编写`<Text>Hello World</Text>`即可在应用中显示“Hello World”。 6. **热...

AmazeUI的下载配置与Helloworld的实现: 4. 在`Helloworld.html`中，你可以看到基础的HTML5文档结构，以及用于初始化AmazeUI的元标签，如`<meta name="renderer" content="webkit">`和`<meta http-equiv="Cache-Control" content="no-siteapp">`。...

project-list:Chrome打包应用中支持node.js api的项目列表: 项目清单Chrome打包应用中支持node.js api的项目列表网 dgram ...app-hello-world https://github.com/maxogden/level.js 工具https://github.com/GoogleChrome/browserify-chrome https://medium.com/@bestander_nz/

nodejs+express 快速搭建Web环境: 在IT行业中，Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许开发人员使用JavaScript在服务器端编写代码。Express则是Node.js中最流行的web应用框架，它为构建高效、灵活的网络应用程序提供了强大的...

Node.js-express的简单实现: 这里，`'/'`是路由路径，函数处理当收到GET请求时的响应，返回'Hello World!'。 4. **启动服务器** 在应用中添加监听特定端口的代码，使服务器开始运行： ```javascript const port = process.env.PORT || 3000...

nodejs+express搭建自己的框架: 在IT行业中，Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许开发者在服务器端使用JavaScript进行开发，极大地拓宽了JavaScript的应用领域。Express则是Node.js的一个轻量级Web应用框架，它为构建Web...

从零开始学习后端开发：Node.js与Express框架入门教程: res.send('Hello World!'); }); ``` - 启动服务器并监听端口3000： ```javascript const PORT = 3000; app.listen(PORT, () => { console.log(`Server is running on port ${PORT}`); }); ``` 2. **添加...

Global site tag (gtag.js) - Google Analytics