【问题标题】:Google Chrome Extension: Webpage in PopupGoogle Chrome 扩展程序:弹出窗口中的网页
【发布时间】:2012-03-08 11:06:17
【问题描述】:

我是创建扩展的新手,我对 html 也不太了解,但我有一个 chrome 扩展的想法,应该非常简单,所以如果你给我一点帮助,我也许可以做到。

我希望在用户单击扩展程序图标(与大多数扩展程序一样)时打开一个弹出窗口,并且该弹出窗口应该包含一个网页,如“http://google.com”。实际上就是这样。我用所需的数据创建了清单文件,这很好,现在我需要知道如何使 html 文件包含外部网页。 另一个问题:当我在 html 文件中尝试不同的东西时,弹出窗口很小而且只是白色的。

我希望有人能给我提示。谢谢!

【问题讨论】:

    标签: google-chrome google-chrome-extension


    【解决方案1】:

    我做了一个扩展,显示几个网站的链接。 我的 popup.html 看起来像这样:

    <!DOCTYPE html>
    <html>
    <body>
    <p>
    <a href="http://www.google.com" target="_blank>Google</a> <br/>
    <a href="http://stackoverflow.com" target="_blank>StackOverflow</a> <br/>
    </p>
    </body>
    </html>
    

    target="blank 表示它在新标签页中打开网站

    更多关于 html 的信息可以在这里找到: http://www.w3schools.com/html/html_links.asp

    确保图标为 19x19 像素,并确保在 manifest.json 文件中命名 带有文件扩展名,例如

    "browser_action":{
    "default_icon":"iconname.png",
    "default_popup":"popup.html"
    }
    

    【讨论】:

    • target="_blank" 实际上意味着它在新窗口中打开。如果您已将首选项设置为在新选项卡中打开新窗口,它会改为这样做。
    【解决方案2】:

    您应该能够在弹出窗口中使用iframe 标签。我多次这样做是为了向用户指向外部托管的常见问题解答页面。

    【讨论】:

      猜你喜欢
      • 2012-05-07
      • 2011-06-12
      • 2023-01-02
      • 1970-01-01
      • 2011-04-26
      • 2011-09-27
      • 1970-01-01
      • 2011-03-03
      • 2013-02-22
      相关资源
      最近更新 更多