javascript - シンプルな Chrome 拡張機能ですが、問題はありますか?

Question

アベニュー！

親愛なる人々..

「Google カスタム検索コード」の拡張機能を作りたい

私のウェブサイトからの検索結果を拡張ポップアップ (popup.html) に表示するには

そこから拡張を行う際に問題が発生しています。

ローカルコンピューターから iframe を読み込むと、ポップアップにはテキストが表示されますが、[検索] ダイアログボックスは表示されません。
GoogleDrive から iframe を読み込むと iframe が表示されますが、読み込みに 3 4 秒近くかかります。
------------------ (No. 3 無事解決しました) リンクが新しいタブで開かないやりすぎてリンクが新しいタブで開かない?? (Google Search API には、[検索機能] > [詳細] > [ターゲットリンク] というオプションがありました ... _Blank という値を入力しました)

どうもありがとう！

コードは以下の通りです。

マニフェスト.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>

javascript - シンプルな Chrome 拡張機能ですが、問題はありますか?

1 に答える 1

Related

Reference