zoukankan      html  css  js  c++  java
  • 如何制作chrome扩展程序

    简单实现了一个 chrome 的扩展,方法如下:
    首先新建一个文件夹,用编辑器写一个文件名为 manifest.json 的文件:

    {
      "name": "抓猫!",
      "version": "1.0",
      "description": "你能抓住她吗?",
      "browser_action": {
      "default_icon": "icons/icon_19.png",
      "popup": "files/game.html"
      },
      "icons": {
        "16": "icons/icon_16.png",
        "19": "icons/icon_19.png",
        "32": "icons/icon_32.png",
        "48": "icons/icon_48.png",
        "128": "icons/icon_128.png"
      }
    }

    这其中,如果需要多语言支持的话,可以添加default_locale,并将name&description字段修改为:

    {
      "name": "__MSG_name__",
      "description": "__MSG_description__",
      "default_locale": "zh_CN"
    }

    并在插件目录下添加 _locales 目录,内置语言文件,如图所示:

    这其中 messages.json 内容如下:

    {
      "name": {"message": "Catch Cat!"},
      "description": {"message": "Can you catch it ?"}
    }

    插件主程序完成后,直接编写插件所调用的html就可以了 “popup”: “files/game.html”
    调试时,可以勾选chrome浏览器扩展程序里面的“开发人员模式”,载入正在开发的扩展程序即可。

    开发完成后,使用浏览器打包扩展程序,就可以发给朋友们玩了。
  • 相关阅读:
    linux下nginx+php+mysql环境搭建
    Linux下配置安装PHP环境
    什么是Apache APR
    全端之Jquery--操作属性
    全端之jQuery基本语法
    全端之Javascript(操作DOM对象二)
    全端之Javascript(DOM对象三)
    全端之Javascript(DOM对象一)
    全端之Javascript对象
    全端开发——css(操作属性补充)
  • 原文地址:https://www.cnblogs.com/shihao/p/2490226.html
Copyright © 2011-2022 走看看