Question

我正在使用Chrome扩展程序，但我遇到了以下问题。我想将选项卡的大小调整为特定的宽度和高度，但是想要覆盖元素的自动调整大小。所以我想我应该以某种方式覆盖onresize事件或指示chrome在操作（感知的）视口时呈现页面。

由于某种原因，我找不到任何可以执行前者的操作，而后者，我在meta视口标签上找到了很多信息，但由于某种原因无法使其工作。另请参阅：Dynamic viewport和Can I change the viewport meta tag in mobile safari on the fly?

举一个例子，我如何渲染这个页面就像它在例如窗口（/ tab）中一样。 600像素宽，即使实际的标签是1200或任何像素宽度（并通过编程或手动调整大小）？

示例：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" id="viewport" content="width = 600, height = device-height, maximum scale = 1.0, minimum-scale = 1.0">
    <title>Viewport testing</title>
</head>
<body>
<div style="width: 90%; border: solid 3px;">Current Viewport: <script>document.write(document.documentElement.offsetWidth.toString());</script> pixels</div>
</body>
</html>

完全忽略600，并在调整选项卡/窗口大小时调整div的大小。

我是否忽略了Chrome API中的某些内容？

扩展程序的这个特定功能的目标是能够选择网页的元素（例如div）或区域（带有十字准线）并调整选项卡的大小以显示该页面。我有一切正常工作（选择等，调整大小和滚动，检测元素大小等）但显然所有响应元素将在窗口调整大小时更改。我想防止这种情况发生。

由于

如何让Chrome呈现模拟视口的页面

0 个答案: