更改Chrome扩展选项卡标题

Change Chrome extension tab title

本文关键字:标题 选项 扩展 Chrome 更改      更新时间:2023-09-26

我的Chrome扩展使用API 创建一个选项卡

chrome.tabs.create({
  'url': other_extension_url
})

url是另一个扩展的url,看起来像:

chrome-extension://ext_id_goes_here/url

我想更改新创建的选项卡(document.title)的标题。

我试着用内容脚本来做,但据我所知,没有办法用url看起来像chrome-extension:// 的内容脚本

还有别的办法吗?

不,没有办法做到这一点,因为安全模型不允许您访问其他扩展的页面。

标题由文档本身设置,不能由tabs API修改。

这里有一种方法。

<html>
<head>
    <title>My title</title>
</head>
<body style="margin:0;padding:0;overflow:hidden;">
    <iframe style="width:100%;height:100%;" src="chrome-extension://extension_id/page.html"></iframe>
</body>
</html>

注意,我还没有在扩展html中尝试过,但它确实在html文件中工作://在iframe中打开扩展页面。

基于此,您可以拥有一个单独的"包装器"页面,该页面接收标题和iframe url作为url参数,并更新其DOM以更改标题和ifame src。