Объект масштабирования браузера Javascript

Я пытаюсь написать функцию Javascript, которая запускается при нажатии кнопки в SAP WEBI, что увеличивает масштаб браузера до 80%.

Я пытаюсь использовать этот код, который работает в случае стандартного веб-сайта (он не использует масштабирование браузера, а фактически увеличивает масштаб элемента, в котором находится кнопка, однако в случае веб-сайта он на самом деле ничего не делает)

Сценарий:

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

HTML:

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

Любая помощь в том, как я могу увеличить масштаб браузера до 80% в SAP WEBI?


javascript sap webi
person András Czeitner    schedule 24.07.2018    source источник

Ответы (3)


arrow_upward
1
arrow_downward

Используйте десятичное значение, а не процент

 document.body.style.zoom = 0.8

см. этот пост

person finder2    schedule 24.07.2018
comment
Спасибо, кажется, работает, хотя я заметил, что проблема должна возникнуть с IE. выглядит так, т.е. в случае, если API не принимает во внимание коды javascript - person András Czeitner; 02.08.2018

arrow_upward
0
arrow_downward

Я не уверен, есть ли способ увеличить или уменьшить масштаб вашего браузера таким образом, некоторые браузеры предоставляют свои API для этой цели, но я не уверен.

Один из способов, который я могу предложить, - уменьшить масштаб всего DOM с помощью Javascript.

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

1,0 означает 100%

0,8 означает 80 % (ваш случай)

150% будет 1,5

1000% будет 10,0

и так далее.

this.blur() означает, что курсор, возможно, вы выбрали поле ввода, теряет фокус каждого выбранного элемента. (Refrence)

person Wasif Ali    schedule 24.07.2018
comment
Спасибо, кажется, работает, хотя я заметил, что проблема должна возникнуть с IE. выглядит так, как если бы API не учитывал коды javascript. Но тем не менее я буду использовать ваше решение в случае с хромом. - person András Czeitner; 02.08.2018
comment
Вы пробовали это с IE? Zoom на самом деле является свойством CSS3 и отлично работает с IE. - person Wasif Ali; 02.08.2018
comment
Ага-ага. К сожалению, это работало на хромированном корпусе, но в случае IE это полностью игнорировалось. Возможно из-за WEBI API - person András Czeitner; 02.08.2018
comment
Ну, я не проверял это с WEBI, может быть, это проблема. Я попробую и дам вам знать. - person Wasif Ali; 02.08.2018
comment
Спасибо :) Может случиться так, что я сделал что-то не так. Я новичок в SAP webintelligence, поэтому могут быть допущены ошибки, но, как я уже сказал, работал в Chrome, поэтому я думаю, что это как-то связано с IE. - person András Czeitner; 02.08.2018

arrow_upward
0
arrow_downward

сначала вы должны знать, что масштабирование является нестандартным свойством, вместо этого используйте преобразование

Нестандартный Эта функция является нестандартной и не соответствует стандартам. Не используйте его на рабочих сайтах, выходящих в Интернет: он не будет работать для каждого пользователя. Также могут быть большие несовместимости между реализациями, и поведение может измениться в будущем.

масштабировать

вы могли бы использовать 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>

person Community    schedule 24.07.2018
comment
Спасибо, кажется, работает, хотя я заметил, что проблема должна возникнуть с IE. выглядит так, т.е. в случае, если API не принимает во внимание коды javascript - person András Czeitner; 02.08.2018