创建Chrome App

1.文件结构



内容如下:

manifest.json

{

  "name": "Hello World!",

  "description": "My first Chrome App.",

  "version": "0.1",

  "manifest_version": 2,

  "app": {

    "background": {

      "scripts": ["background.js"]

    }

  },

  "icons": { "16": "calculator-16.png", "128": "calculator-128.png" }

}


background.js

chrome.app.runtime.onLaunched.addListener(function() {

  chrome.app.window.create('window.html', {

    'outerBounds': {

      'width': 400,

      'height': 500

    }

  });

});

window.html

<!DOCTYPE html>

<html>

<head></head>

<body>Hello World!</body>

</html>


manifest.json 是入口文件,引出了background.js, background.js引出了window.html


2.配置启动



或者使用命令行:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --load-and-launch-app=F:\live-dev\chrome-app\

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --app-id=bbcfgdgmbdldogmldhdnehahjencpgbi

3.API参看


https://developer.chrome.com/apps/api_index




4.如何调试background.js

参看 https://stackoverflow.com/questions/10257301/where-to-read-console-messages-from-background-js-in-a-chrome-extension

打开 chrome://extensions/


做完这三步之后 在console就能看到

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • This project was bootstrapped with Create React App. Belo...
    unspecx阅读 5,254评论 0 2
  • chrome扩展开发入门教程 最近在开发chrome插件,看到一篇非常适合入门的教程,特记录一下 注:转载 本文首...
    谢大见阅读 6,483评论 1 25
  • 翻译秋的冷峻 在悬崖深涧守望 以金色的语言 红叶啊 你相约的那杯香茗 是今夜我梦中洁净的雪原 映衬了湛蓝的星空和雁...
    雪濯阅读 262评论 0 2
  • Openstack Cinder 开发文档 1、简介 Openstack block storage servic...
    为心莳萝阅读 1,999评论 0 1
  • 一 日本动漫《哆啦A梦》新番中有一集讲到,哆啦A梦有个法宝,能制造出特殊的矿脉,只要你往洞里扔你想要的东西,过段时...
    lekli阅读 4,836评论 56 119