造型定制镀铬扩展

时间:2017-01-05 20:40:10

标签: html css google-chrome-extension

我正在构建一个镀铬扩展程序并希望将正文设置为正常,这是一个简单的屏幕截图。

enter image description here

我想删除扩展名上方的三角形并将其重新定位,我该怎么做?我检查了这个元素,但我找不到那个三角形,我想也许它是一个css的东西。此外,我想删除扩展程序中的阴影。

我看过其他不同设计的镀铬扩展(没有三角形,有些圆角有),我想实现我的设计。

有没有人有定制镀铬扩展和定位的经验?感谢您的帮助,谢谢!

更新

这是代码

清单文件:

{
 "name": "chrome-ext-test",
 "description": "testing testing",
 "version": "0.1",
 "browser_action" : {
  "default_popup": "popup.html",
  "default_icon": "defaultIcon19x19.png"
 },
"manifest_version": 2,
"permissions": ["notifications"]
}

(不知道在代码段中添加清单的位置,但这会控制分机号)



<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- <title></title> -->
    <script type="text/javascript">
      function clickHandler() {
        window.webkitNotifications.createNotification("icon.gif", "Clicked", "it was clicked").show();
      }
    </script>
  </head>
  <body>
    I see this when launched from the toolbar icon :)

    <input type="button" value="Clicky" onclick="clickHandler()">
  </body>
</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

您可以在弹出窗口中编辑的内容有一些限制。您无法移除该三角形或更改阴影。宽度和增加,但我相信最多800 px和600px的高度。

护城河的作用是将HTML字符串注入网页本身。

看看这个page,它有一个很好的例子来说明如何做到这一点。你的popup.html只会在打开时在所选标签上执行一个脚本,然后关闭它。