如何在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菜单中设置为中等。

在about://settings中将页面缩放比例调整为75％可以解决问题，但是弹出窗口很快会恢复到原始的缩放级别。

- max pleaner

---

嗯，Chrome应该自动限制扩展弹出窗口的大小，以适合屏幕。如果未能这样做，那肯定是一个bug，应该在 https://crbug.com 上报告。作为一个临时解决方案，您可以右键点击弹出窗口，在devtools检查器中将max-height: 80vh;CSS属性添加到 html元素中。 - wOxxOm

不幸的是，那并不能解决问题。文字大小仍然一样，并且从底部裁剪更多。我想我会提交一个错误报告。 - max pleaner

离题了，这不是关于编程的内容。建议去Superuser论坛寻求帮助。尝试点击弹出窗口，然后按下Ctrl键和减号键（缩小页面）。 - Zig Mandel

@ZigMandel没有起作用，但我已经注意到了你的离题评论。你能投票迁移吗？ - max pleaner

嗯，我想那个扩展禁用了溢出属性。那就使用CSS transform吧：transform: scale(0.75); - wOxxOm

Answer 1

被接受的答案提到了前往扩展选项页面重置缩放比例，但许多扩展没有或不需要选项页面。

如果是这种情况：

1. 打开弹出窗口
2. 右键单击并选择“检查”
3. 一个“开发人员工具”窗口应该会打开，在标题栏中它应该显示弹出窗口html文件的名称和路径，像这样：chrome-extension：//[扩展ID，一长串随机字母]/popup.html
4. 在新标签页中打开该长地址，它应该显示正常的弹出窗口内容。（可以从打开“开发者模式”的chrome://extensions中复制/粘贴扩展id，而不必手动输入）
5. 在那里将缩放比例重置为默认的100%（ctrl+0），因为大多数扩展开发人员会设计和测试假定为100%。

关键点在于，缩放比例是全局/一致的，涵盖所有扩展页面，包括弹出窗口。这就是为什么缩放“选项”页面有效的原因。任何以chrome-extension://[扩展ID]开头的页面都将具有与其他页面相同的缩放比例，并影响所有其他页面的缩放比例。

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

这也适用于网页。缩放比例在同一域中的所有页面上保持不变。如果您将一个stackoverflow.com问题从125％缩放到150％，则另一个选项卡中的不同stackoverflow.com问题也将缩放到150％。

- V. Rubinetti

---

我不确定这些弹出窗口是如何意外缩放的，但在过去的几次中我都遇到过... 而且最终弄清楚到底发生了什么事情真的很棘手。一旦它被放大，甚至卸载和重新安装应用程序也无法解决它，这是我的经验。Chrome 不知何故记住了缩放比例。 - V. Rubinetti

这个解决方案已经不再适用了。非常感谢您能提供一些新的建议。Chrome 版本：78.0.3904.108 操作系统版本：Linux：4.15.0-65-generic - Konstantin Itskov

我刚刚亲自测试过，可以确认它不再起作用。即使尝试其他答案（适用于具有选项页面的扩展程序），也无效。我的猜测是，Chromium团队最近进行了更改，强制弹出窗口的缩放比例为100％，而不考虑扩展程序中其他页面的缩放比例。 - V. Rubinetti

Answer 2

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

1. 右键单击该扩展程序
2. 点击“选项”
3. 使用ctrl +/-进行缩小或放大

现在，单击该扩展程序并观看神奇的效果！

Google Chrome会根据每个站点保存您的缩放级别。当您调整扩展程序选项页面上的缩放级别时，该级别也适用于该扩展程序的弹出窗口。

来源：如何防止我的Chrome扩展程序中的弹出窗口缩放

- zwl

---

如果您的扩展程序没有选项页面，该怎么办？ - V. Rubinetti

Answer 3

根据扩展名，单独打开弹出式HTML可能不可行。我建议直接为扩展的弹出窗口设置非标准CSS缩放：

1. 打开扩展的弹出窗口并右键单击。
2. 选择检查以打开Chrome开发者工具。
3. 在元素选项卡中选择html标签，并将缩放属性与所需值添加到样式中。要缩小，请使用小于1的值（例如0.75）。

- rlayer

---

简单但不可持续。在下一次使用扩展时，HTML节点上的缩放属性不再存在。 - Draško Kokić