Doesn't work for me. Shift with + or - zooms in and out on the page, but after clicking on the console only zooming out works. However cmd + 0 worked to restore the size to normal. – Bemmu Apr 12 '17 at 14:15. How To Zoom In Or Zoom Out Web Pages In Google Chrome My Microsoft Office Tips from i2.wp.com There are several ways to zoom out on a page: How to make it easier to launch. If i can zoom out on the popup window, i can use it as normal, but there's no apparent way to do this.
- Zoom is the leader in modern enterprise video communications, with an easy, reliable cloud platform for video and audio conferencing, chat, and webinars across mobile, desktop, and room systems. Zoom Rooms is the original software-based conference.
- This tutorial will show you guys how to effectively zoom in or zoom out in Google Chrome to make your screen appear larger or smaller, depending on your pref.
Chrome 87 is starting to roll out to stable now.
Here's what you need to know:
- Chrome Dev Summit is back on December 9 & 10.
- You can now control pan, tilt, and zoom on webcams that support it.
- Range requests and service workers don't require as many workarounds.
- The font access API starts it's origin trial.
- And, there's plenty more.
I'm Pete LePage, working, and shooting from home, let's dive in and see what's new for developers in Chrome 87!
Chrome Dev Summit #
The Chrome Dev Summit is back on December 9th and 10th with its 8th chapter. But this time, we're coming to you. We're bringing all the latest updates, lots of new content, and plenty of Chromies.
There are a ton of great talks, workshops, office hours, etc, and we'll be in the YouTube chat to answer your questions. Learn more, and find out how you can not just watch, but participate!
Camera pan, tilt, zoom #
Most meeting rooms at Google have cameras with pan, tilt, and zoom capabilities, so that the camera can be pointed at the people in the room. But it's not just fancy conference cameras that support PTZ - pan, tilt, zoom - many web cams support it too.
Starting in Chrome 87, once a user has granted permission you can now control the PTZ features on a camera.
Feature detection is a little different from what you're probably used to. You'll need to call navigator.mediaDevices.getSupportedConstraints()
to see if the browser supports PTZ.
Then, like all other powerful APIs, the user will need to grant permission to the camera, but also to PTZ functionality.
To request permission for PTZ functionality, call navigator.mediaDevices.getUserMedia()
with the PTZ constraints. This will prompt the user to grant both regular camera and camera with PTZ permissions.
Finally, a call to MediaStreamTrack.getSettings()
will tell you what the camera supports.
Once the user has granted permission, you can then call videoTrack.applyConstraints()
to adjust the pan, tilt, and zoom.
Personally, I'm really excited about PTZ, so I can hide my messy kitchen, but you'll have to check out the video to see that!
Francois has a great post Control camera pan, tilt, and zoom on web.dev with code samples, complete details the best way to request permission, and a demo, so that you can try it out, and see if your webcam supports PTZ.
Range requests and service workers #
HTTP range requests, which have been available in major browsers for several years, allow servers to send requested data to the client in chunks. This is especially useful for large media files, where the user experience is improved through smoother playback, enhanced scrubbing, and better pause and resume functions.
Historically, range requests and services workers did not work well together, forcing developers to build work-arounds. Starting in Chrome 87, passing range requests through to the network from inside a service worker will 'just work.'
For an explanation of the issues with range requests and what's changed in Chrome 87, see Jeff's article Handling range requests in a service worker on web.dev.
Origin Trial: Font access API #
Bringing design apps like Figma, Gravit Designer, and Photopea, to the web is great, and we're seeing a lot more coming. While the web has the ability to offer a plethora of fonts, not everything is available on the web.
For many designers, there are some fonts installed on their computer that are critical to their work. For example, corporate logo fonts, or specialized fonts for CAD and other design applications.
With the font access API, which starts an origin trial in Chrome 87, a site can now enumerate the installed fonts, giving users access to all of the fonts on their system.
And sites can hook in at lower levels to get access to the font bytes, allowing them to do their own OpenType layout implementation, or perform vector filters, or transforms, on the glyph shapes.
Check out Tom's article Use advanced typography with local fonts on web.dev with all the details, and the link to the Origin Trial so you can try it yourself.
Google Chrome Browser Zoom
And more #
- Transferable Streams -
ReadableStream
,WritableStream
, andTransformStream
objects can now be passed as arguments topostMessage()
. - We've implemented the most granular
flow-relative
features of the CSS Logical Properties and Values spec, including shorthands and offsets to make these logical properties and values a bit easier to write. For example, a singlemargin-block
property can replace separatemargin-block-start
andmargin-block-end
rules. - New
@font-face
descriptors have been added toascent-override
,descent-override
, andline-gap-override
to override metrics of the font. - There are several new
text-decoration
andunderline
properties. - And there are a number of changes related to cross-origin isolation.
Further reading #
This covers only some of the key highlights. Check the links below for additional changes in Chrome 87.
Subscribe #
Want to stay up to date with our videos, then subscribe to our Chrome Developers YouTube channel, and you'll get an email notification whenever we launch a new video.
Zoom Out Chrome Iphone
I'm Pete LePage, and as soon as Chrome 88 is released, I'll be right here to tell you -- what's new in Chrome!
Zoom Out Chrome Windows
Last updated: Improve article