Chrome90で変更、追加されたブラウザの仕様 – サンプルコード付き

overflow: Clip, overflow-clip-margin

chrome90でoverflow: clipが使える様になった様です。

動きとしてoverflow: hiddenと似た様な感じですが、スクロール関係で違いがある様です。

Using overflow: clip makes it possible for you to prevent any type of scrolling for the box, including programmatic scrolling. 

https://developer.chrome.com/blog/new-in-chrome-90/

上記の様に記載されているのですが、スクロールのイベントが発生しないとかそう言ったことなのでしょうか?

overflow: clipを使用する場合は overflow-clip-margin を使うことができ、どのくらいはみ出すかを調整できます。

See the Pen
Overflow Clip
by sibakenY (@sibakenY)
on CodePen.

Feature-PolicyがPermissions-Policyに改名

名前が変わりました。

Chrome90より前は

Feature-Policy: geolocation 'none'

だったのが

Permissions-Policy: geolocation=()

に変わったくらいで特に変更点はなさそうです。

Shadow DOMをhtmlの属性で設定可能に

shadow domは今まではjavascriptにて設定する必要があった様ですがhtml上でshadowroot="open"の様に指定が可能になりました。

See the Pen
Shadow Root
by sibakenY (@sibakenY)
on CodePen.

デフォルトで HTTPS にリダイレクトする様に

今まではurlの入力欄にexample.comみたいに入力するとhttpにアクセスしていましたが、デフォルトでhttpsにアクセスする様に変更されました。

V8のv9.0がリリース

v8はgoogleが開発しているJavaScriptエンジンのことです。

V8 is Google’s open source high-performance JavaScript and WebAssembly engine

https://v8.dev/

このv9.0がリリースされた様で、高速化やindicesというjavascriptのメソッドのに仕様の変更がありました。

自分には理解が難しかったのでリンクを貼っておきます。

https://v8.dev/blog/v8-release-90

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です