如何在新标签页的Chrome扩展程序的多功能框中窃取焦点?

格雷森·帕雷利(Greyson Parrelli)

我正在制作一个Chrome扩展程序,其中涉及在新标签页上放置文本输入,并在加载新标签页时立即将焦点放在该输入文本上。在无法使用传统方法(例如focus()获得关注之后,我偶然发现了这个问题:

Chrome 27:新的“标签页”扩展程序无法从Omnibox吸引焦点

其中指出Chrome现在已经做到了这一点,这样您就无法在新标签页上窃取多功能框焦点。鉴于Chrome浏览器可以很好地将焦点放在不是新标签页的任何网站上,我一直在尝试提出解决方法,但没有什么是真正令人满意的。

我试过了:

  • 让新的标签页立即重定向到本地存储的HTML文件,但这仍然无法获得焦点,因为重定向时页面从未具有焦点。

  • 在内容脚本中覆盖ctrl + t和cmd + t,以使用本地存储的HTML文件的内容打开一个新选项卡。这工作正常,但似乎无法覆盖cmd + t,因此Mac用户将被迫使用ctrl + t。另外,某些站点(例如OneNote在线编辑器)会接管ctrl + t,因此它并非在每个页面上都有效。

  • 远程托管页面并让新的标签页重定向到它(太慢了)。

  • 建议用户在打开新标签页时按两次标签页以专注于输入文本:)

是否有人对您如何解决此限制有其他建议?这对我的扩展至关重要。

谢谢!

克里斯·麦克法兰

您好,我与您联系的问题!

在“新标签页”上,包括以下JavaScript:

chrome.tabs.create({ url: chrome.extension.getURL("foo.html") });
window.close();

这将创建一个“普通”选项卡,然后关闭“新建选项卡”页面。然后,您可以focus()在常规选项卡上输入框。

这就是我为Fauxbar扩展所做的单击Chrome的“新建选项卡”按钮时,它会稍微延迟一点(就输入框变为焦点而言需要多长时间),但是我认为这比必须按Tab键要好。

您也可以实施chrome.commands创建键盘快捷方式,用户可以在chrome:// extensions>键盘快捷方式下对其进行修改。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Chrome扩展程序:如何在新标签页中显示背景图片

来自分类Dev

打开新标签页时如何使Mac Chrome浏览器的地址栏/多功能框为空(用于工作)

来自分类Dev

在新标签页中打开Chrome扩展程序

来自分类Dev

Chrome扩展程序在新标签页中运行js

来自分类Dev

Chrome扩展程序:打开新标签页而不会失去弹出窗口焦点

来自分类Dev

Chrome扩展程序:打开新标签页,而不会失去弹出窗口的焦点

来自分类Dev

Google Chrome扩展程序:多功能框关键字如何使用?

来自分类Dev

如何在Chrome扩展程序中重定向当前标签页的网址?

来自分类Dev

如何在Chrome上覆盖“新标签页”页面(没有第三方软件,例如扩展程序)

来自分类Dev

如何在Chrome的多功能框(地址栏)中添加上下文菜单?

来自分类Dev

如何在Google Chrome 69或Chromium 69中取回以前的多功能框?

来自分类Dev

如何在Google Chrome 69或Chromium 69中取回以前的多功能框?

来自分类Dev

如何在Chrome的多功能框(地址栏)中添加上下文菜单?

来自分类Dev

如何在Chrome的新标签页中隐藏书签?

来自分类Dev

如何增加Chrome多功能框中显示的书签数量?

来自分类Dev

每当我的Chrome扩展程序的标签页处于活动状态时,如何激活该功能

来自分类Dev

在新标签页上触发Chrome扩展程序

来自分类Dev

Google Chrome扩展程序可打开“新标签页”

来自分类Dev

Chrome扩展程序仅在新标签页中正常运行

来自分类Dev

使用多个多功能框关键字的Chrome扩展程序

来自分类Dev

Chrome扩展程序在新标签页上打开新标签页

来自分类Dev

Chrome扩展程序-在新标签页中打开捕获的屏幕截图

来自分类Dev

将邮件从devtools面板发送到Chrome扩展程序中的新标签页

来自分类Dev

简单的Chrome扩展程序:在新标签页中打开一个网址

来自分类Dev

在新标签页中执行内容脚本-Chrome扩展

来自分类Dev

Chrome后退按钮(新)窃取页面焦点

来自分类Dev

Chrome扩展程序注入当前标签页

来自分类Dev

Chrome扩展程序创建新标签页,并将消息从popup.js发送到新标签页的内容脚本

来自分类Dev

如何在Chrome 33的新标签页中删除Google搜索和较小的图块?

Related 相关文章

  1. 1

    Chrome扩展程序:如何在新标签页中显示背景图片

  2. 2

    打开新标签页时如何使Mac Chrome浏览器的地址栏/多功能框为空(用于工作)

  3. 3

    在新标签页中打开Chrome扩展程序

  4. 4

    Chrome扩展程序在新标签页中运行js

  5. 5

    Chrome扩展程序:打开新标签页而不会失去弹出窗口焦点

  6. 6

    Chrome扩展程序:打开新标签页,而不会失去弹出窗口的焦点

  7. 7

    Google Chrome扩展程序:多功能框关键字如何使用?

  8. 8

    如何在Chrome扩展程序中重定向当前标签页的网址?

  9. 9

    如何在Chrome上覆盖“新标签页”页面(没有第三方软件,例如扩展程序)

  10. 10

    如何在Chrome的多功能框(地址栏)中添加上下文菜单?

  11. 11

    如何在Google Chrome 69或Chromium 69中取回以前的多功能框?

  12. 12

    如何在Google Chrome 69或Chromium 69中取回以前的多功能框?

  13. 13

    如何在Chrome的多功能框(地址栏)中添加上下文菜单?

  14. 14

    如何在Chrome的新标签页中隐藏书签?

  15. 15

    如何增加Chrome多功能框中显示的书签数量?

  16. 16

    每当我的Chrome扩展程序的标签页处于活动状态时,如何激活该功能

  17. 17

    在新标签页上触发Chrome扩展程序

  18. 18

    Google Chrome扩展程序可打开“新标签页”

  19. 19

    Chrome扩展程序仅在新标签页中正常运行

  20. 20

    使用多个多功能框关键字的Chrome扩展程序

  21. 21

    Chrome扩展程序在新标签页上打开新标签页

  22. 22

    Chrome扩展程序-在新标签页中打开捕获的屏幕截图

  23. 23

    将邮件从devtools面板发送到Chrome扩展程序中的新标签页

  24. 24

    简单的Chrome扩展程序:在新标签页中打开一个网址

  25. 25

    在新标签页中执行内容脚本-Chrome扩展

  26. 26

    Chrome后退按钮(新)窃取页面焦点

  27. 27

    Chrome扩展程序注入当前标签页

  28. 28

    Chrome扩展程序创建新标签页,并将消息从popup.js发送到新标签页的内容脚本

  29. 29

    如何在Chrome 33的新标签页中删除Google搜索和较小的图块?

热门标签

归档