Cookies op Tweakers

Tweakers maakt gebruik van cookies, onder andere om de website te analyseren, het gebruiksgemak te vergroten en advertenties te tonen. Door gebruik te maken van deze website, of door op 'Ga verder' te klikken, geef je toestemming voor het gebruik van cookies. Wil je meer informatie over cookies en hoe ze worden gebruikt, bekijk dan ons cookiebeleid.

Meer informatie

Software-update: Google Chrome 57.0.2987.98

Door , 30 reacties, submitter: mikeoke, bron: Google Linkedin Google+

Google Chromelogo (75 pix) Google heeft versie 57 van zijn webbrowser Chrome uitgebracht. Google Chrome is beschikbaar voor Windows, Linux en macOS. Er zijn ook versies voor Android en iOS, maar die volgen een iets ander releaseschema. Sinds versie 50 is de ondersteuning voor oudere versies van Windows en macOS vervallen. Nieuw in versie 57 is onder meer ondersteuning voor CSS Grid Layout, een manier om websites er goed uit te laten zien op schermen van elk willekeurige grootte. Daarnaast zijn er diverse kleinere verbeteringen aangebracht en de nodige bugfixes doorgevoerd. De belangrijkste verbeteringen zijn hieronder nog eens voor je op een rijtje gezet.

CSS Grid Layout

Sites are increasingly being accessed on screens of all sizes, from large LCD TVs to tiny watch faces. Historically, supporting all of these screen sizes required complex combinations of markup and CSS, making code hard to maintain. To give developers more granular control over how elements grow and shrink to fit the current screen size, CSS Grid Layout is now available.

CSS Grid supports a two-dimensional grid-based layout system, optimized for responsive user interface design. Elements within the grid can be specified to span multiple columns or rows. Elements positioned in a CSS grid can also be named, making layout code easier to understand.

CSS Grid allows developers to arbitrarily place elements on a grid with full control over element flow, sizing behavior and responsiveness.

Improved Add to Home screen

Since early versions of Chrome for Android, users have been able to add sites to their Home screen for fast and convenient access. This feature adds the icons using Android shortcuts, which means that web apps don’t show up throughout Android in the same way as installed native apps.

In this release, when a user adds a Progressive Web App to their Home screen, Chrome will integrate it into Android in a much deeper way. For example, Progressive Web Apps will now appear in the app drawer section of the launcher and in Android Settings, and will be able to receive incoming intents from other apps. Long presses on their notifications will also reveal the normal Android notification management controls rather than the notification management controls for Chrome.

Media Session API

Media consumption is one of the most common uses for the mobile web. In Chrome for Android, developers can customize the lock screen UI and notifications with media content using the new Media Session API. By providing metadata to the browser about the content being played, developers can create rich lock screen messaging that includes information such as title, artist, album name, and artwork. Additionally , the site is now able to respond to user actions taken on the notification itself, such as seeking or skipping.

Other features in this release
  • The WebAssembly API has been enabled by default, allowing developers to run near-native code in the browser without a plugin.
  • When a video enters fullscreen on an Android device, Chrome now automatically locks the screen orientation according to the aspect ratio of the video.
  • Sites using continuous setTimeout() will now be throttled when using loops to drive out-of-view frame animations, improving performance for users.
  • The Fetch API Response class now supports the .redirected attribute to help web developers avoid untrustworthy responses and reduce the risk of open redirectors.
  • The new padStart and padEnd formatting tools enable text padding, facilitating tasks like aligning console output or printing numbers with a fixed number of digits.
  • Service Worker Navigation Preload is now available as an Origin Trial, allowing developers to parallelize the network request for the main resource alongside service worker startup.
  • The Payment Request API can be made available inside an iframe by adding the allowpaymentrequest attribute.
  • PaymentMethodData now supports basic-card, so developers can refer to all card types with a single method identifier, rather than individual data types.
  • To simplify the migration from HTTP to HTTPS, stored credentials for HTTP forms are now transferred to the HTTPS version of the site, and the Credential Management API now supports filling credentials from matching subdomains.
  • The caret-color property enables developers to specify the color of the text input cursor.
  • To preserve consistency with other on<event> attributes, ongotpointercapture and onlostpointercapture are now part of the GlobalEventHandlers mixin.
  • Support is now available for text-decoration-skip: ink to make underlines skip descenders, the portion of letters that extend below the text's baseline.
  • New text-decoration properties are now available, allowing developers to specify visual effects such as line color and style.
  • The PresentationRequest constructor has been modified to accept multiple URLs via a sequence<DOMString>, in addition to the existing constructor that takes a single URL.
  • The new AudioContext.getOutputTimestamp() method enables developers to synchronize DOMHighResTimeStamp and AudioContext.currentTime values.
  • AudioBufferSourceNode, OscillatorNode, and ConstantSourceNode now inherit from AudioScheduledSourceNode, consolidating functionality.
  • The new cancelAndHoldAtTime function cancels future AudioParam events with times greater than or equal to cancelTime, allowing developers to preserve the value of the scheduled time in a direct way.
  • Developers can now construct WebAudio-specific events such as OfflineAudioCompletionEvent and AudioProcessEvent.
  • To increase user security, Chrome's XSS Auditor now blocks entire suspicious pages by default, rather than selectively filtering out the suspected reflected XSS on the page.
Deprecations and interoperability improvements
  • The <cursor> element has been removed, but but cursor icons can still be set via the cursor CSS property.
  • A legacy caller has been removed from HTMLEmbedElement and HTMLObjectElement, so the interfaces will now throw exceptions rather than having their instances called as functions.
  • The usemap attribute now requires case-sensitive matching.
  • All -webkit- prefixed IndexedDB global aliases have been removed, after their deprecation in M38.
  • Custom message events and events created by client.postMessage(message, transfer) in a service worker will now use MessageEvent instead of ServiceWorkerMessageEvent, following the HTML MessageEvent spec extension.
  • Support for webkitClearResourceTimings(), webkitSetResourceTimingBufferSize(), and onwebkitresourcetimingbufferfull has been removed from the Performance interface, in favor of clearResourceTimings(), setResourceTimingBufferSize(), and onresourcetimingbufferfull.
  • The following -internal CSS selectors are being deprecated: -internal-media-controls-cast-button, -internal-media-controls-overlay-cast-button, and all of the -internal-media-controls-text-track-list selectors.
  • Support for the obsolete API webkitCancelRequestAnimationFrame has been removed in favor of cancelAnimationFrame.
  • On Android, wordWrap: break-word and -webkit-line-break: after-white-space will no longer be set on contenteditable containers by default, to preserve consistency between browsers.
  • The webkit prefix has been removed from AudioContext and OfflineAudioContext.

Versienummer 57.0.2987.98
Releasestatus Final
Besturingssystemen Windows 7, Linux, macOS, Windows Server 2008, Windows Server 2012, Windows 8, Windows 10
Website Google
Download https://www.google.com/chrome/browser/desktop/index.html
Licentietype Freeware
Moderatie-faq Wijzig weergave

Reacties (30)

Reactiefilter:-130030+114+22+30Ongemodereerd2
Eindelijk, een flinke stap dichterbij het kunnen gebruiken van grids in sites :).
Eerdere deze week kwam Firefox ook al met grid support en Safari komt er in 10.1 mee.
Internet Explorer had het al sinds versie 10, maar die zitten nog met een verouderde syntax.
(zie ook http://caniuse.com/#search=grid)

Grid kan mooi allerlei issues netjes in CSS oplossen waar je vooral tegen aanloopt bij responsive sites. Zo willen de designers/opdrachtgevers vaak content op een andere plek zetten op desktop dan op mobile. Een paar voorbeelden zijn:
  • in desktop mode allerlei widgets in een rechterkolom, maar bij mobile moeten ze onder de gewone pagina content komen
  • een nieuws filter in de rechterkolom die in mobile mode bovenaan de pagina komt
  • een pagina die als uitzondering de kolom met filters en widgets links zet
De use-cases waren wel oplosbaar via CSS hacks, maar daarbij verloor je flexibiliteit. Als je bovenstaande scenario's dan ook nog eens combineert (recent meegemaakt) dan kan ook display: flex; je niet redden en ga je met Javascript content rondschuiven. Met grid is dat in de toekomst hopelijk niet meer nodig.

Wat pagina's waar ik aan werkte en bovenstaande issues tegenkwam:

[Reactie gewijzigd door spellcoder op 10 maart 2017 14:58]

Deze versie betekent ook meteen het einde van de plugins pagina welke gevonden kon worden onder deze URL: chrome://plugins/
Gelukkig hebben we chrome://components/ nog.
Hopelijk lost deze versie het probleem op dat YouTube videos niet goed afspelen in fullscreen, doordat de taakbalk zichtbaar blijft.
Nooit geen last van gehad, op geen van beide machines in combinatie met Windows 10.

Heb je er met andere browsers ook last van? Wellicht helpt het om een complete herinstallatie te doen. Dus alle mappen die gelinieerd zijn aan Chrome verwijderen.

[Reactie gewijzigd door AnonymousWP op 10 maart 2017 13:30]

Ook nooit problemen mee gehad.
Hmm, vreemd. zal wel aan mijn computer liggen.
Check even m'n edit :).
Heb ik al eens geprobeerd, maar helaas.
Zelf hardwareversnelling eens uit in de Chrome instellingen.
Hangouts naar een ander scherm zetten werkt bij mij :) Als deze aanwezig is werkt fullscreen niet en blijft de taakbalk (ook met spellen).
Ik heb al een tijdje lang het probleem dat mijn linker scherm niet goed in fullscreen kan komen. Er zijn dan links en boven 2 strookjes van 1cm waar je recht doorheen kan kijken langs het venster. Dan zie je bijvoorbeeld het bureaublad of het venster achter chrome.
Gister de functie nog gebruikt. Heb er niet op gelet, maar kan het mij niet herinneren dat ik dat probleem had.
Het kan door mijn setup komen. Sinds het normaal wel moet werken als mijn tweede scherm rechts staat.
Heb dat probleem ook vaker op Twitch.TV als ik dingen kijk (ook html5 player). Gebeurt bij mij meestal als ik meerdere Chrome vensters heb open staan, en één van de tabbladen erin de fullscreen verhindert. Als ik die dan sluit, springen de balken dan wel ineens op fullscreen.

1 keer ging het bij mij ook weg als ik Discord afsloot, die ik had openstaan. Heb dus zelf geen flauw idee wat de oorzaak zou kunnen zijn...

[Reactie gewijzigd door faxityy op 10 maart 2017 14:53]

Bij Twitch.TV heb ik vaak "last" van dat als je een VOD bekijkt, er je maakt een nieuwe tabs (of meer,) dat als je terug gaat met kijken ineens versnelt, stopt en weer verder gaat. Is dat bij jou ook zo het geval?
Ik heb dat probleem als ik veel VMs open heb gehad gedurende de dag. Herstarten lost dat op. Het lijkt erop dat dat probleem meer een extern probleem is, omdat andere borderless windowed applicaties hetzelfde hebben.
Heb dit probleem ook een paar keer al gehad, zeer irritant.
Dit is bij mij een WIndows 10 probleem geen Chrome probleem.
Windows 10 blijft de taakbalk tonen als andere software fullscreen open staat als je een actief scherm hebt dat de focus heeft. Hier zal Chrome niet veel aan kunnen doen, je zou dit bij microsoft kunnen melden als storend. Uit mijn hoofd is dit in de anniversary update geintroduceerd.
Chrome for android heeft 2 min punten die mij erg storen.
1 als ik tweakers toevoeg dan krijg je zo'n web app.
Maar dan kan ik geen URL's meer zien om te kopiëren.

2 als ik media kijk en doe mijn toestel uit dan gebeuren 2 irritante dingen.
1 full screen gaat uit.
2 na 5 minuten screen uit moet ik de site opnieuw laden anders krijg ik een zwarte scherm.

Bij een iPad heb ik punt 2 niet...

[Reactie gewijzigd door raro007 op 10 maart 2017 13:05]

Punt 1 kan gewoon, op het homescherm van Tweakers lang ingedrukt houden op de titel van het artikel :)
Dat is inderdaad wel mooi, had al enige tijd last van youtube die niet fatsoenlijk werkte.
De controls waren weg of constant in beeld.
Is nu opgelost.
Ik kan alleen zo snel niet vinden hoe de andere browsers hier mee omgaan.

Iemand ?
Hoe bedoel je "hiermee"? Waarnaar refereer je?
Sorry je hebt gelijk.... Ik ben een beetje moe en faal daardoor nu een beetje :-)

Ik doelde op CSS Grid Layout. Het ziet er leuk uit maar hoe is de ondersteuning los van Chrome en FireFox
offtopic:
Ik ben ook kapot :+. Nu lekker weekend.


Ik weet niet hoeveel websites daar gebruik van maken, want verdiep mij daar niet zo in om eerlijk te zijn (ben ook geen webdeveloper).
Caniuse.com geeft daar een redelijk overzicht van: http://caniuse.com/#feat=css-grid (weet overigens kennelijk nog niet dat Chrome 57 (stable) uit is).

In het kort: IE en Edge kunnen er wat mee. Chrome en FF wat jij zegt. ;)
Oops geupdate kan ik nu alle sites die ik bezoek weer inzoomen.
Zoomen bij websites kon sowieso al. Door middel van ctrl + scrollen of rechtsboven in het hamburgermenu.
lol weet ik ook wel, ik bedoel dat je dat bij alle sites weer moet doen aangezien dat soort voorkeuren gereset worden.

Op dit item kan niet meer gereageerd worden.


Nintendo Switch Samsung Galaxy S8+ LG W7 Samsung Galaxy S8 Google Pixel 2 Sony Bravia A1 OLED Microsoft Xbox One X Apple iPhone 8

© 1998 - 2017 de Persgroep Online Services B.V. Tweakers vormt samen met o.a. Autotrack en Carsom.nl de Persgroep Online Services B.V. Hosting door True

*