簡體   English   中英

簡單的Chrome擴展程序,但是有問題嗎?

[英]Simple Chrome Extension but Issues?

大道!

親愛的人們..

我想擴展我的“ Google自定義搜索代碼”

在Extension Popup(popup.html)中顯示我網站的搜索結果

在擴展它時遇到問題。

  1. 從本地計算機加載iframe時,彈出窗口顯示“文本”,但不顯示“搜索”對話框。

  2. 當我從GoogleDrive加載iframe時,iframe出現了,但是加載大約需要3 4秒。

  3. ------------------(我成功解決的第3個問題)我在新標簽頁中未打開鏈接我非常害怕,請幫助我在新標簽頁中打開鏈接? (在Google Search API中,有一個選項“搜索功能”>“高級”>“目標鏈接” ...我輸入了_Blank值)

非常感謝!

代碼如下。

manifest.json

{
    "name": "Instant Search!",
    "description": "Search My Blog Instantly!",

    "version": "0.1",
   "manifest_version": 2,
    "browser_action": {
        "default_popup": "popup.html",
        "default_title": "Search My Blog"
    }

}

Popup.html

<html>
<head>

</head>
    <body>
        <iframe width="400" height="400" 
             seamless="seamless"src="/QS.html"></iframe>
    </body>
</html>

iframe頁面

 <!DOCTYPE html>
  <html>
  <head>
<style>
.cse input.gsc-input, input.gsc-input {
background-image:url('/blank.gif')!important;
}
</style> 
  </head>
<body>
<script>
  (function() {
    var cx = '009043611225946488903:ntz9nyqubzw';
    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;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>
</body>
  </html>

您的HTML代碼中沒有腳本標簽(因此document.getElementsByTagName('script')[0]不存在)

嘗試:

document.body.appendChild(gcse);

代替 :

var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM