如何缩小 chrome 扩展程序的弹出窗口

Question

某些扩展程序的弹出窗口 windows 不能很好地融入页面。如果我可以缩小弹出窗口 window，我可以正常使用它，但没有明显的方法可以做到这一点。

示例屏幕截图：

您可以看到弹出窗口 window 延伸到屏幕的可见部分下方。底部有一个按钮，上面写着 "record tab"，我无法点击。

我的 chrome 构建：

Version 52.0.2743.116 (64-bit)
Platform 8350.68.0 (Official Build) stable-channel orco
Firmware Google_Orco.5216.362.7

所有这些都是在 about://settings 菜单中将我的页面缩放设置为 100% 并将字体大小设置为中等。

在 about://settings 中将页面缩放比例调整为 75% 修复了大约 30 秒，但弹出窗口很快恢复到其原始缩放级别。

Answer 1

Chrome 扩展程序的缩放设置可以在该扩展程序的选项页面上进行管理：

右键单击扩展程序
点击选项
使用 ctrl +/- 放大或缩小

现在，点击扩展，观看魔术！

Google Chrome 以每个站点为基础保存您的缩放级别。在扩展选项页面上调整缩放级别时，该级别也适用于该扩展的弹出窗口。

来源：How to prevent zooming in popup window in my Chrome Extension

Answer 2

接受的答案提到去扩展的选项页面重置缩放，但许多扩展没有have/need选项页面。

如果是这样的话：

打开弹出窗口
Right-click 和 "Inspect"
A "Developer Tools" window 应打开，在标题栏中应显示弹出 html 文件的名称和路径，如下所示：chrome-extension://[the extension ID, a long string of random letters]/popup.html
在新标签页打开那个长地址，应该会显示正常的弹窗内容。（无需手动输入扩展 ID，它可以是 copy/pasted from chrome://extensions with "Developer mode" on.）
将那里的缩放比例重置为默认的 100% (ctrl+0)，因为大多数扩展开发人员会假设 100% 进行设计和测试。

这里的关键点是，所有扩展页面的缩放都是 global/consistent，包括弹出窗口，这就是缩放 "options" 的原因页面有效。 chrome-extension://[the extension ID] 内开始的任何页面都将具有与所有其他页面相同的缩放比例并影响所有其他页面的缩放比例。

例如，我的扩展程序的弹出窗口有一个问号图标，该图标导航到仍在弹出窗口内的单独 help.html 页面，并且那里的缩放也会影响主 popup.html 缩放。

这也适用于网页。对来自同一域的所有页面保持缩放。如果您将一个 whosebug.com 问题从 125% 放大到 150%，另一个选项卡中的另一个 whosebug.com 问题也会放大到 150%。

如何缩小 chrome 扩展程序的弹出窗口

how to zoom out on an chrome extension's popup

google-chrome

google-chrome-extension

chromebook