0

好人好日子。。

我要问这是为什么。。

我为我的网站做了一个简单的 chrome 扩展。它有以下代码，但是当我点击图标时它需要大约 3-5 秒，为什么它不能立即打开？

基本上 Popup.html 包含一个 iframe，它从谷歌驱动器加载一段网页，但它花费了太多时间我想在线发布但谁会喜欢这样慢的扩展？

iframe 包含一个 google 自定义搜索框和一个小表单

请看代码。帮助e为什么它很慢？

弹出窗口.html

<html>
<head>

</head>
    <body>
        <iframe width="400" height="400" name="iframe" seamless="seamless"src="https://googledrive.com/host/xxxxxxxxxxx/xxxxx.html"></iframe>
    </body>

</html>

清单.json

{
    "name": "Instant Quotes!",
    "description": "Search  Quotes Instantly!",

    "version": "0.1",
   "manifest_version": 2,
    "browser_action": {
        "default_popup": "popup.html",
        "default_icon": "icon.png",
        "default_title": "Instant  Quotes!",
        "icons":
        { 
          "48": "icon48.png",
          "128": "icon_128.png"

        },
          "app": {

    "launch": {
      "web_url": "http://RationalQuotes.com/"
     }}

    }

}

iframe 页面

    <!DOCTYPE html>

<html>
<head>

    <style>
.cse input.gsc-input, input.gsc-input {background-image:'none') !

    important;background-repeat:no-repeat;background-position:right; }::-webkit-scrollbar{ width: 10px; /* for 

    vertical scrollbars */ height: 50px; /* for horizontal scrollbars */}::-webkit-scrollbar-track{ rgba(0, 152, 199, 

    0.8);}::-webkit-scrollbar-thumb{ background: rgba(0, 162, 69, 0.9);}
    </style>

    <title></title>
</head>

<body>
    <script>
(function() 

    { var cx = '009043xxxxxxxxxxx88903:ntz9xxxxxxbzw'; var gcse = document.createElement('script'); gcse.type = 

    'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + 

    '//www.google.com/cse/cse.js?cx=' + cx; document.body.appendChild(gcse); })

        ();
    </script> <span style="font-size:10px;">OR</span>

    <form>
        <span style="font-size:10px;">Book: <input id="value1" type="text"> (1
        to 200)<br>
        Page : <input id="value2" type="text"> (Depends)<br>
        <input onclick="redirect()" style="width:95px" type="button" value=
        "Meaning!"> <input onclick="Quotes()" style="width:96px" type="button"
        value="Quote!"></span>
    </form><span style="font-size:10px;"><script>
function tafsir() { window.location.assign

    ("http://www.example.com/xyz/abc/" + document.getElementById("value1").value + "/index.html");}

    </script><script>
function redirect() { window.location.assign("http://example.com/xyz/" + 

    document.getElementById("value1").value + "/" + document.getElementById("value2").value + 

    "/printview.html");}
    </script></span><span style="font-size:10px; color:#008000;">(Note: Page
    No. is Compustory for Qoutes)</span><span style="font- size:8px;"><a href=
    "http://example.blogspot.com" target=
    "_blank">RationalQoutes.com</a></span><br>
</body>
</html>
4

1 回答 1

-2

修改 manifest.json

"background": {
"page": "popup.html"
},
于 2014-11-14T13:41:26.040 回答