Browser Version Release Spectrum

Browser version upgrades are always small marketing events, which is normal. Firefox seems to be once a month, Chrome is about once a year, and Safari is once a year.

Chrome 80 version was released and we received videos and blog posts. What impressed me today is that there are no large flagship features that will interest all developers. There may be some slight differences, but more broadly, different front-end developers (those who care about browsers) do different jobs and therefore different concerns.

Let me explain it with the feature overview of this version:

• Content indexing is a way to access metadata of a browser cached file (the one you cache specifically). This seems like a good idea, but I have never dealt with similar offline content seriously, so it is not in my area of ​​expertise.
• Web Workers are now ready to use ES modules. It's cool, I didn't even know they didn't work before.
• Optional chains in JavaScript, such as obj?.name?.first . I like it. Very useful. This is probably a feature that most JavaScript developers are praising. But Chrome is the first to launch this feature, so if you like it, you'd better use Babel. We also get the ?? operator.
• Source trial I think it's like feature flags, except you opt-in from a website rather than a local browser. To me it's totally new, but it sounds like they're very effective in collecting and improving new APIs.
• Regular background synchronization. Jeremy elaborates on the practicality of this feature in his article, which he calls "silent push." You can also schedule notifications to make them more resistant to offline situations.
• If the site is HTTPS, HTTP content will attempt to automatically upgrade to HTTPS. Good idea. I'm using Cloudflare's settings to achieve this, but it makes sense to migrate to the browser level.
• JavaScript can compress streams. I understand what gzip is, but it feels like it's beyond my understanding. There are a lot of other things that are completely beyond my ability, such as decoding encrypted media, etc.
• Contact selector API. I like this very much like I like the Web Payments API. It would be great if I could build a UI to help users fill out forms faster and more accurately. This is why I use 1Password. I use it to fill out the address and credit card form as much as I use it to fill out the password.
• SameSite Cookie. It scares me. I know we need to update the cookie on the CodePen to make sure it has this value, but I haven't delved into this yet and the 80 version has been released.
• Real CSS content! line-break: anywhere; and overflow-wrap: anywhere; I can't seem to understand the difference between them. These things are already very complicated.
• There is no HTML-related content. Poor HTML gets nothing.

Then there are two that really caught my eye!

• SVG favicon. marvelous. We have provided one for CodePen as it looks very beautiful on Safari. Although Safari uses<link href="..." rel="mask-icon"> Support it, and Chrome uses<link href="..." rel="icon"> Support it, so I'm not sure what to do. I guess since Firefox uses rel="icon" to support SVG, then provide SVG for both?
• Text snippet. Too cool. I don't know this is coming. People have been discussing it for at least ten years. The idea is to link to what is on the page without the name or ID to link to, just use text. The syntax is strange:

 <code>https://site.com/#:~:text=Links to first occurance of this text.</code>

Here is a video from Stefan Judis:

Text snippets will soon be available in Chromium. Then you can use #:~:text= to highlight certain text. ?

? Chrome status: https://www.php.cn/link/d2883cc21428e523ffff0e72f8c0fc7b6 ? Specification: https://www.php.cn/link/9e5164986e9d24fee7a16513e29c4088

Video Alternative Text: Use text snippets to highlight text images on Wikipedia. twitter.com/W5tUYZk8NY

— Stefan Judis (@stefanjudis) February 5, 2020

It's particularly noteworthy: it links you to the middle of the page, not the top. I prefer this.

The above is the detailed content of Browser Version Release Spectrum. For more information, please follow other related articles on the PHP Chinese website!