良い一日良い人..
私はなぜそれが..
私は自分のウェブサイト用のシンプルなクロム拡張機能を作成しました。次のコードがありますが、アイコンをクリックすると3〜5秒かかりますが、すぐに開かないのはなぜですか?
基本的に、Popup.html には、Google ドライブから Web ページの一部をロードする Iframe が含まれていますが、オンラインで公開したいと思っていたのに時間がかかりすぎましたが、そのような遅い拡張機能を誰が好むでしょうか?
iframe には、Google カスタム検索ボックスと小さなフォームが含まれています
コードを参照してください。遅い理由を教えてください。
Popup.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>