javascript - 自动将光标置于多功能框/地址栏中

Question

我正在创建一个 chrome 扩展，它将新标签页设置到我的网站(这是一个替换的新标签页)。

发生重定向后，我希望光标自动聚焦在多功能框或地址栏上，以便用户可以立即开始编写 URL或搜索查询。

我确信这是可能的，因为我过去有过允许这样做的 Chrome 扩展。

有人有任何想法如何去做吗？

Answer 1

您可能正在以一种粗略的方式进行新标签页替换 - 通过拦截选项卡打开并重定向它。在这种情况下，正如灰原哀在评论中提到的那样，不可能将注意力集中在多功能栏上。

相反，您应该创建一个 override page在 list 中:

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

这应该是本地页面，但您可以使用 iframe 嵌入远程内容。

重要的是，覆盖页面的功能与普通页面相同 - URL 栏将清晰可见，默认情况下焦点将位于此处。

<小时/>

最后，考虑一下制作依赖于远程内容的新选项卡时的用户体验。您希望页面在连接不良或离线浏览时保持功能。考虑使用offline techniques为了解决这个问题，或者有一个本地网络应用程序，它只是从您的网站上提取信息，但独立呈现。