Question

我正在尝试编写一个Javascript函数，该函数在 SAP WEBI 中的按钮单击事件上运行，这会使浏览器缩放到80％。

我正在尝试使用在标准网站的情况下可以使用的代码（它不使用浏览器缩放功能，但实际上是放大按钮所在的元素，但是对于一个webi实际上什么都不做）

脚本：

function fullscreen() {
    document.body.style.zoom = "80%";
}

HTML：

<button id="1" onClick="fullscreen()">full screen view</button>

在SAP WEBI中如何使浏览器缩放到80％比例有帮助吗？

Answer 1

使用十进制值而不是百分比

 document.body.style.zoom = 0.8

请参阅this Post

Answer 2

我不确定是否可以通过这种方式放大或缩小浏览器，某些浏览器为此目的提供了自己的API，但我不确定。

我建议的一种方法是使用Javascript缩小整个DOM

document.body.style.zoom=1.0;
this.blur();

1.0表示100％

0.8表示80％（您的情况）

150％为1.5

1000％为10.0

以此类推。

this.blur()意味着光标（可能是您选择了一个输入字段）会失去每个选择项的焦点。（Refrence）

Answer 3

首先，您应该知道zoom是非标准属性，请改用

非标准 此功能是非标准的，不在标准轨道上。请勿在面向Web的生产站点上使用它：它不适用于每个用户。实现之间也可能存在很大的不兼容性，并且将来的行为可能会发生变化。

zoom

您可以使用transform

document.body.style.webkitTransform =         
  document.body.style.msTransform =          
  document.body.style.transform = 'scale(5)';

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur similique cumque fugiat omnis quisquam ex harum. Quisquam ea velit architecto qui illum esse nesciunt earum nisi in voluptas ratione voluptatum!</p>

Javascript浏览器缩放对象

3 个答案: