2016-08-23 107 views
3

某些扩展的弹出窗口不太适合页面。如果我可以在弹出的窗口上缩小,我可以像平常一样使用它,但是没有明显的方法来做到这一点。如何缩小Chrome扩展的弹出窗口

实施例的屏幕截图:img

你可以看到,弹出窗口中的屏幕的可见部分的下方延伸。底部有一个按钮,指出我无法点击的“记录标签”。

我的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%将其固定约30秒,但弹出窗口很快恢复为其原始缩放级别。

+1

Eh,Chrome应该自动限制扩展弹出窗口大小,以便它适合屏幕显示。如果不这样做肯定是一个应该在https://crbug.com上报告的错误,如果它不存在的话。作为临时修复,您可以右键单击弹出窗口,并在devtools检查器中将'max-height:80vh;'CSS属性添加到'html'元素。 – wOxxOm

+0

不幸的是,它不能解决它。文本的大小相同,只是从底部进一步切断。我想我会提交一个错误报告。 –

+0

脱离主题,因为不是关于编程。尝试超级用户论坛。尝试点击弹出框,然后键入Ctrl - (缩小) –

回答

5

接受的答案提到要扩展的选项页面重置变焦,但很多扩展不具备/需要一个选项页。

如果是这样的话:

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

这里的关键点是,变焦是全球/所有扩展的页面,这就是为什么缩放“选项”页作品一致。从chrome-extension://[the extension ID]开始的任何页面将具有相同的缩放比例,并影响所有其他页面的缩放比例。

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

这也适用于网页。缩放保持在来自同一个域的所有页面上。如果你在一个stackoverflow.com问题上从125%缩小到150%,另一个选项卡中的另一个stackoverflow.com问题也将缩小到150%。

+0

我不知道这些弹出如何意外地缩放但过去发生过几次......终于弄清楚究竟发生了什么真的很棘手。以我的经验来看,即使卸载并重新安装应用程序也无法解决问题。 Chrome以某种方式记住了缩放。 –

2

缩放设置了Chrome扩展可以该分机的选项页面上进行管理:

  1. 在扩展右击
  2. 点击选项
  3. 放大或缩小使用CTRL +/-

现在,点击扩展名并观看魔术!

谷歌浏览器按照每个网站的基础保存缩放级别。当您在扩展程序的选项页面上调整缩放级别时,该级别也适用于该扩展程序的弹出窗口。

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

+0

这是一个奇怪的黑客,但它的工作原理,谢谢 –

+0

如果你的扩展没有选项页面 –

相关问题