5

私はChrome拡張機能を作成しており、次のものを使用しています:

マニフェスト.json

{
    "name": "Test extension",
    "version": "1.1",
    "description": "Test extension.",
    "icons": {
        "128": "icon_128.png"
    },
    "chrome_url_overrides": {
        "newtab": "cc.html"
    },
    "manifest_version": 2
}

cc.html

<style>body,html{padding:0;margin:0}</style>
<iframe src="theiframe.html" frameborder="0" height="200px" width="200px">
</iframe>

theiframe.html

<style>body,html{padding:0;margin:0}</style>
<form action="http://www.example.com/search">
    <input autofocus="autofocus" tabindex="1" type="text" />
    <input tabindex="2" value="search" type="submit"/>
</form>

ユーザーが新しいタブを開くと、オートフォーカスがアドレスバーに表示されます。ユーザーがそれを変更できるようにしてほしい。検索入力を自動的にオートフォーカスするコードはありますか?

4

3 に答える 3

7

だけではうまくいかないかもしれませんiframe。ただし、新しいタブが開いたときに目的のページにリダイレクトされるサンプル ページを作成できるため、どのページinputがautofocus自動的にフォーカスされます。

これを行う方法は次のとおりです。


マニフェスト.json

"chrome_url_overrides": {
    "newtab": "r.html"
},


r.html

<html>
  <head>
    <title>Loading...</title> <!-- user friendly -->
    <noscript>
      <meta http-equiv="refresh" content="0; url=https://www.google.com"> <!-- in case javascript is disabled -->
    </noscript>
    <script src="s.js"></script>
  </head>
  <body></body>
</html>


s.js

window.location="https://www.google.com";


これが最善の方法です (そしておそらく唯一の方法です)。

于 2014-05-25T10:35:54.290 に答える
2

API ドキュメントからのヒント:

ページにキーボード フォーカスがあることに依存しないでください。 ユーザーが新しいタブを作成すると、常にアドレスバーが最初にフォーカスされます。

于 2014-05-19T19:57:02.247 に答える