Html 浏览器扩展-如何阻止自动对焦转到地址栏?

Html 浏览器扩展-如何阻止自动对焦转到地址栏?,html,forms,google-chrome-extension,autofocus,Html,Forms,Google Chrome Extension,Autofocus,我有一个浏览器扩展,它将新的标签页替换为一个具有良好背景和搜索栏的页面。使用搜索栏将用户带到google并搜索查询(在同一选项卡中)。出于某种原因,在使用扩展版本时,自动对焦不会进入我的搜索表单,而是进入地址栏。我一辈子都不知道为什么。我是不是在什么地方搞砸了?这是我的搜索表: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8

我有一个浏览器扩展,它将新的标签页替换为一个具有良好背景和搜索栏的页面。使用搜索栏将用户带到google并搜索查询(在同一选项卡中)。出于某种原因,在使用扩展版本时,自动对焦不会进入我的搜索表单,而是进入地址栏。我一辈子都不知道为什么。我是不是在什么地方搞砸了?这是我的搜索表:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Search</title>
<link rel="stylesheet" type="text/css" href="popup.css" />
</head>

<body>

<div id="searchContainer">
<form action="http://google.ca/search" method="GET" >
<input id="field" type="search" name="q" size="20" placeholder="Google Search" autofocus />&nbsp;
<input id="submit" name="submit" type="submit" value="Search" />
</form>
</div>

</body>

</html>
  

搜寻

谢谢大家!

这是用Chrome硬编码的,以匹配内置newtab的行为

它无法更改,但需要通过
位置
重定向到另一个URL。地址栏将显示一个完整的chrome扩展名://URL

manifest.json

“chrome\u url\u覆盖”:{
“newtab”:“focus.html”
},
focus.html


focus.js

location='start focused.html';

start-focused.html将包含您的newtab UI的实际内容。

我认为这是用Chrome/Chrome硬编码的东西……比如扩展不允许自动聚焦,它默认为地址栏?是的,但只在new-tab-page中。是的,您似乎是对的。在浏览器默认情况下,打开一个新选项卡会将焦点放在地址栏中,而且似乎没有办法绕过它。自动对焦在新选项卡中工作的唯一方法是打开新选项卡,单击页面,然后刷新。叹息。。。我在想也许我可以在清单文件中做些什么,但我希望渺茫。当我打开一个新选项卡时,这似乎是可行的,并集中在字段上,但它会引入大量的加载时间。当我打开新的标签时,我得到了大量的加载和一个白色的屏幕,直到最后它加载了选定的字段。有没有关于如何摆脱这种初始负载状态的想法?这是我的错误。我复制了“focus.html”来创建一个“start-focused.html”,其中包括focus.js脚本。因此,它不断地随着位置重定向而跳转。所以这似乎奏效了!非常感谢你!