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

Question

某些扩展程序的弹出窗口不适合页面.如果我可以缩小弹出窗口,我可以正常使用它,但是没有明显的方法可以做到这一点.

截屏示例:

您可以看到弹出窗口延伸到屏幕的可见部分下方.底部有一个按钮,上面写着"记录标签",我无法点击.

我的chrome版本:

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

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

将页面缩放调整为75%,将其about://settings固定约30秒,但弹出窗口很快恢复到原始缩放级别.

Answer 1

接受的答案提到进入扩展程序的选项页面以重置缩放,但许多扩展程序没有/需要选项页面.

如果是这种情况:

1. 打开弹出窗口
2. 右键单击并"检查"
3. 应该打开"开发人员工具"窗口,在标题栏中应该显示弹出式html文件的名称和路径,如下所示: chrome-extension://[the extension ID, a long string of random letters]/popup.html
4. 在新选项卡中打开该长地址,它应显示正常的弹出内容.(不是手动输入扩展名ID,而是可以chrome://extensions使用"开发者模式" 进行复制/粘贴.)
5. 将缩放重置为默认的100%(ctrl + 0),因为大多数扩展开发人员将设计和测试假设为100%.

这里的关键点是,缩放在所有扩展页面上都是全局/一致的,包括弹出窗口,这就是缩放"选项"页面的原因.从内部开始的任何页面都chrome-extension://[the extension ID]将具有相同的缩放比例并影响所有其他页面的缩放.

例如,我的扩展程序的弹出窗口有一个问号图标,导航到弹出窗口内的单独的help.html页面,缩放也会影响主要的popup.html缩放.

这也适用于网页.在同一域中的所有页面上维护缩放.如果您在一个stackoverflow.com问题上从125%缩放到150%,则另一个选项卡中的另一个stackoverflow.com问题也将缩放到150%.