Access browser's page zoom controls with javascript

Question

I want to assign the browser's (IE/FF) page zoom controls (Menu: View/Zoom/Zoom In_Zoom Out) to two large "(+)(-)" icons on the web page so that vision impaired visitors can use these controls conveniently.

A lot of searching for a suitable script came up empty so here I am.

Any code you know that will do this simply?

All the best...

Bob

Answer 1

Can't be done at all as far as I know. As has been discussed elsewhere on SO, it is possible to detect the browser's zoom level using a number of tricks. There's no way to set them from plain JavaScript.

Maybe in a Firefox extension.

Related:

• Catch browser’s “zoom” event in JavaScript
• Changing the browser zoom level
• How to detect page zoom level in all modern browsers?

Answer 2

You should be able to set the CSS3 Transform property using JavaScript to scale content. This won't be tied to the web browser zoom functionality though.