Google chrome extension Chrome扩展：如何在模式窗口中显示当前URL？

我正在尝试创建一个chrome扩展，它允许我在模式窗口或弹出窗口中显示当前URL。URL将被放大，以便学生在课堂上更容易看到。我的目标是摆脱目前的做法，即将URL复制/粘贴到记事本中，并放大字体，以便教室后面的学生可以看到它。如果我可以简单地点击一个扩展名，并将URL显示为一个漂亮的大字体，那就太好了。不幸的是，这是我写的第一个chrome扩展，所以我遇到了各种n00b问题

不管怎样，我已经通过以下帖子接近了：

这是我的密码：

chrome.tabs.getSelected(null,function(tab) {
    var tablink = tab.url;
    document.write("<h1 style='font-size: 100px;'>" + tablink + "</h1>");
});

chrome.tabs.getSelected（null，函数（tab）{
var tablink=tab.url；
document.write（“+tablink+”）；
});

问题是这段代码在一个带有水平滚动条的弹出窗口中打开URL。 我需要：

• 想办法打开自动换行（以消除滚动条）。。。或
• 调整弹出窗口的宽度，使其占据整个屏幕的宽度。。。或
• 找到不同的窗口解决方案（模式、始终处于顶部的新窗口等）

我尝试了

chrome.windows.create

，但我不知道如何调整上面的代码以使用

chrome.windows.create

，也不知道如何使生成的新窗口具有活动焦点（

focused:true

似乎对我不起作用）

我还读到

chrome.tabs.getSelected

已被弃用，我应该使用

chrome.tabs.query

。但是，我很难让查询方法正常工作

---

再次，这是我的第一个chrome扩展，非常感谢您的耐心、理解和帮助。谢谢

旁注：

chrome.tabs.getSelected

不推荐使用；您需要使用

chrome.tabs.query（{active:true}，函数（tab）…）

。至于你的问题：我假设你的代码是在“浏览器操作”时触发的？如果是这样的话，你喜欢这样吗？如果是这样的话，为什么不在“打开word wrap？嗨，Nitzan，谢谢你的回复。不可否认，我没有想过将CSS用于word wrap，这是一个好主意。在发布这篇文章后，我确实读到chrome.tabs.getSelected已被弃用。但是谢谢你为了他人的利益而在回复中加入这一点。当用户（讲师）按下扩展按钮时，将触发我的代码。这样，讲师可以根据需要为坐在教室后面的学生打开/关闭URL。我的一位同事建议使用javascript将包含URL的HTML直接注入页面主体。所以我可以试试。