首页 » 软件下载 » Chrome最新正式版76已更新

Chrome最新正式版76已更新

谷歌已收录,更新于2019年08月03日; 如遇到问题,请留言及时通知站长; 欢迎加入 三生三世,讨论各种问题!

今天,打开Chrome浏览器帮助页面下的关于Google Chrome页面,发现Chrome更新了,更新后的版本为76.0.3809.87正式版。然后,就发现Chrome本次更新的变化还是挺多的,下面站长就说下我发现了哪些变化,以及查找官方博客发现的那些具体更新内容。

Chrome最新版下载

这里,站长首先提供下Chrome最新版的下载地址

最新稳定版:https://www.google.com/intl/zh-CN/chrome/browser/?standalone=1

最新测试版:https://www.google.com/intl/zh-CN/chrome/browser/?standalone=1&extra=betachannel

最新开发版:https://www.google.com/intl/zh-CN/chrome/browser/?standalone=1&extra=devchannel

站长这里用的是最新稳定版本,进去后直接点击下载就是完整的安装包了。

Chrome更新方法

这里,我们一般推荐直接在线更新,即点击Chrome浏览器更多>帮助>关于Google Chrome,等待更新完成刷新浏览器即可。如果你更新失败,请仔细检查代理设置问题,一般需要全局代理才可以更新。

Chrome更新页面

Chrome更新页面

Chrome更新内容

首先,先介绍了站长发现的76.0.3809.87版本所带来的变化。

搜索栏自动隐藏了http/https,自动隐藏了www,比如https://www.google.com将只显示为google.com

Chrome地址栏变化

设置界面发生了一些变化,把所有设置大项全部在页面的左侧列出,更加方便你找到那些设置,这点着实好评。

Chrome设置页面变化

网页右键新增加一项菜单,即从Google获取图片说明,需要你右击网页,点击该项,然后设置永远或者仅此一次,这个功能或许有些鸡肋,毕竟所有站长都会给图片添加说明的。

右键增加查看图片说明

最后,我没再介绍下谷歌官方提供的那些隐藏的更多更新内容,这里我就无法体验了,只是说明一下有哪些更新吧。

  • prefers-color-scheme媒体查询,将黑暗模式带入网站。
  • 多功能框中的安装按钮,可以更轻松地在桌面上安装Progressive Web Apps
  • 防止mini-infobar出现在移动设备上的Progressive Web Apps上。
  • 更频繁地更新WebAPK
  • 其他更多更新。

下面,我们分别介绍下这几项更新,希望可以给你带来灵感,当然这些更新由于我无法挨个体验,所以直接从官方的说明里复制出一部分。

PWA Omnibox安装按钮

Chrome 76中,我们通过向地址栏添加安装按钮(有时称为多功能框),让用户更轻松地在桌面上安装Progressive Web Apps

如果您的站点符合Progressive Web App可安装性标准Chrome将在多功能框中显示一个安装按钮,向用户显示可以安装PWA。如果用户点击安装按钮,它本质上是与调用prompt()beforeinstallprompt事件; 它显示安装对话框,使用户可以轻松安装PWA

有关 完整详细信息,请参阅桌面上的渐进式Web应用程序的地址栏安装

更多控制PWA mini-infobar

在移动设备上,Chrome会在用户首次访问您的网站时显示迷你信息栏,如果它符合Progressive Web App可安装性标准。我们从您那里听说您希望能够阻止mini-infobar出现,并提供您自己的安装促销。

Chrome 76开始,调用preventDefault()beforeinstallprompt事件将阻止迷你信息栏出现。

window.addEventListener('beforeinstallprompt', (e) => {
  // Don't show mini-infobar
  e.preventDefault();
  // Stash the event so it can be triggered later.
  deferredPrompt = e;
  // Update UI to promote PWA installation
  pwaInstallAvailable(true);
});

请务必更新您的UI - 让用户知道您的PWA可以安装。查看推广PWA安装模式,了解推荐安装Progressive Web Apps的推荐最佳实践。

更快地更新WebAPK

Android上安装Progressive Web App时,Chrome会自动请求并安装Web APK。安装完成后,Chrome会定期检查Web应用程序清单是否已更改,可能是您已更新图标,颜色或更改了应用程序名称,以查看是否需要新的WebAPK

Chrome 76开始,Chrome会更频繁地检查清单; 每天检查,而不是每三天检查一次。如果任何关键属性发生变化,Chrome将请求并安装新的WebAPK,确保标题,图标和其他属性是最新的。

有关完整详细信息,请参阅更频繁地更新WebAPK

黑暗模式

许多操作系统现在支持黑暗模式或黑暗主题。

prefers-color-scheme媒体查询,让你调整你的网站的外观和感觉,以符合用户的首选模式。

@media (prefers-color-scheme: dark) {
  body {
    background-color: black;
    color: white;
  }
}

Tom有一篇很棒的文章Hello darkness,文章中列出了你需要知道的一切,以及建造你的样式表以支持光照和黑暗模式的提示。

这些只是开发人员Chrome 76中的一些变化,当然,还有更多。

其他更多更新

Promise.allSettled()

就个人而言,我真的很兴奋Promise.allSettled()。它类似于Promise.all(),除非等到所有承诺在返回之前得到解决。

const promises = [
  fetch('/api-call-1'),
  fetch('/api-call-2'),
  fetch('/api-call-3'),
];
// Imagine some of these requests fail, and some succeed.

await Promise.allSettled(promises);
// All API calls have finished (either failed or succeeded).

阅读blob更容易

Blobs为更容易使用三个新方法如下:text()arrayBuffer(),和stream(); 这意味着我们不必再为文件阅读器创建一个包装器了!

// New easier way
const text = await blob.text();
const aBuff = await blob.arrayBuffer();
const stream = await blob.stream();

// Old, wrapped reader
return new Promise((resolve) => {
  const reader = new FileReader();
  reader.addEventListener('loadend', (e) => {
    const text = e.srcElement.result;
    resolve(text);
  });
  reader.readAsText(file);
});

异步剪贴板API中的图像支持

而且,我们已经将图像支持添加到异步剪贴板API中,从而可以轻松地以编程方式复制和粘贴图像。

这里给各位提供各种谷歌工具教程资源,希望给你一个安稳的家。

发表评论

返回主页看更多
赏杯咖啡给站长 支付宝 扫一扫