zoukankan      html  css  js  c++  java
  • 2018-07-10 为Chrome和火狐浏览器编写扩展

    由于扩展标准的逐渐一致, 现在同一扩展代码库已经有可能同时用于Chrome和火狐. 下面是一个简单的工具栏按钮和弹窗(尚无任何实际功能):

    代码库地址: nobodxbodon/suan1

    所有代码:

    manifest.json:

    {
    
      "manifest_version": 2,
      "name": "算一",
      "version": "0.0.1",
    
      "description": "工具栏按钮, 弹窗中包含计算器",
      "homepage_url": "https://github.com/nobodxbodon/suan1",
      "icons": {
        "48": "图标/算-48.png",
        "96": "图标/算-96.png"
      },
    
      "permissions": [],
    
      "browser_action": {
        "default_icon": "图标/算-32.png",
        "default_title": "算一",
        "default_popup": "弹窗/主界面.html"
      }
    
    }
    

    弹窗/主界面.html

    <!DOCTYPE html>
    
    <html>
      <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="主界面.css"/>
      </head>
    
    <body>
      <div class="按钮">你好</div>
      <script src="主界面.js"></script>
    </body>
    
    </html>
    

    弹窗/主界面.css

    html, body {
       100px;
    }
    
    .按钮 {
      margin: 3% auto;
      padding: 4px;
      text-align: center;
      font-size: 1.5em;
      cursor: pointer;
    }
    

    待续...

  • 相关阅读:
    iOS 十六进制字符串 "#FFFF00" 转换成颜色对象
    iOS toast 的连续显示
    文件管理
    pod 常用命令
    键盘事件
    iOS 添加阴影
    渐变色
    Ubuntu安装flameshot截图工具
    Ubuntu安装酸酸乳客户端
    Ubuntu安装网易云音乐
  • 原文地址:https://www.cnblogs.com/program-in-chinese/p/10494846.html
Copyright © 2011-2022 走看看