WordPress divi主题

Microsoft Edge 采用 Chromium:网页设计师需要了解的内容

by | May 12, 2022 | Divi主题使用教程 | 0 comments

5分钟生成10篇英文软文article forge软件试用

微软的 Internet Explorer 是互联网上最大的模因之一。 这也是许多网页设计师的祸根,因为根本不支持新引入的技术。 当微软将 IE 重新命名为 Microsoft Edge 时,人们希望那些日子已经结束。 默认的 Windows 浏览器将轻松采用现代技术,并且网络将拥有一个体面的标准平台。 那没有发生。 然而,在 2018 年底,微软宣布这将发生变化:Edge 采用 Chromium 引擎作为基础。

google广告开户

微软边缘铬? 有什么大不了的?

在撰写本文时,您可以下载包含 Chromium 基础的 Edge 预览版本。 它是一个开发基地,不适合作为浏览器进行日常驾驶,但对于那些只想摆脱现有 Edge 的人来说,你可以。 不过,它在早期阶段非常简单。 随着 2019 年的进展,OEM 浏览器将照常更新以包含 Chromium。

这一切都很棒。 但你问有什么大不了的? 嗯,这个问题的答案是三方面的。

1. 微软正在拥抱开源

最近,我们看到微软从过去的专有模式转向开源软件领域的多种迹象。 自从他们购买 GitHub 并开始改进 Atom 代码编辑器以来,他们一直在朝着这个方向前进,也许最重要的是随着 Visual Studio Code 的发布,这可能是当今开发人员中最受欢迎的编辑器。 此外,如果 VS Code 对您来说功能不够强大,他们的 Visual Studio IDE 已作为免费下载发布。

将 Edge 添加到开源领域只会为消费者提供更强大的产品。 微软在这个声明中说得很好。

我们还开始在可访问性、触控、ARM64 等领域回馈 Chromium。 我们的计划是继续在 Chromium 中工作,而不是创建一个并行项目。 我们正在与 Google 的团队直接合作,我们期待与开源社区开展更多合作。

很高兴听到微软正在与谷歌合作开发 Chromium,而不是为了自己的目的而分叉它。 随着项目的推进,Chromium 和网页设计作为一个整体将变得更加健壮和开放。

2. 更少的碎片,更多的功能

正如我们上面提到的,采用 Chromium 的 Edge 最终将引入以前从浏览器中排除的功能和技术。 对于用户来说,这意味着几乎所有网站都能获得更好的体验 只是工作 而不是接收错误消息或崩溃。 对于开发人员来说,这再次意味着他们的工作不会让用户崩溃,而且他们的时间可以更好地花在新项目和更好的产品上,而不是修补和装配骇人听闻的解决方案来让事情在 IE/Edge 上运行。

这种事情正是我们获得 Microsoft Edge Chromium 升级的原因。 他们明确表示,他们的目标是“为我们的客户创造更好的 Web 兼容性,并为所有 Web 开发人员减少 Web 碎片化。”

碎片化的减少仅仅意味着更一致地使用网络。 这也意味着用户可以(希望)使用扩展和附加组件,而无需开发人员进行(大量)额外工作。

我们确保他们无需额外工作即可在 Edge 浏览器中看到相同的兼容性。

对于那些因为安全问题和隐私不足而希望选择不使用 Chrome 的人来说,这个消息意义重大。 这些人仍然希望在网络上仍然拥有最好、最一致的体验。 由于碎片最少,因此安全性提高了,因为特定于平台的错误和漏洞的可能性大大降低。

WordPress divi主题

3. 网页设计师获得自由

在此版本之前,网页设计师在许多方面受到限制。 虽然你们中的许多人在不必限制自己基于 IE 的情况下发挥自己的魔力,但您的客户的访问者可以很容易地控制您的项目范围。

网页设计师和开发人员的关键要点

随着 Chromium 的采用,Web 开发和设计的世界变得更加开放,我们只想提及一些开放式的东西,您可以利用这些东西,而不必为或完全避免。 CSS-Tricks 详尽地列出了前端开发人员可以期待的内容,但这些只是其中的一些亮点。

背景混合模式 CSS 作品

Microsoft Edge 铬引擎

渐变和双色调现在非常热门和时尚。 使用它们的最简单方法之一是 背景混合模式 CSS。 在 Edge 的 Chromium 版本之前,该效果根本不会在 Microsoft 浏览器上呈现。 无论您要混合什么图像,都将是全彩色的,并且可能会破坏您要混合的整个氛围。 这不再是问题了。 如果您使用像 Divi 这样的页面构建器,您会很高兴知道其中包含的混合效果也会呈现,因此您不必深入研究样式表,除非您绝对想要。

Edge 用透明度理解十六进制颜色代码(最后)

因此,这并不是一个令人惊叹的新功能,而是全面提升了生活质量。 对某些人来说,这可能根本不重要。 那些不介意把颜色写成 RGBA(255, 255, 255, .45) 代替 #ffffff45. 如果您(像许多人一样)喜欢十六进制颜色,那么您很幸运。 您最终将能够开始使用您喜欢的样式并保持样式表井井有条。

基本上,您可以在此更改中包含在 Edge 中呈现的十六进制透明度(注意 45 在上面示例的末尾,表示 45% 的透明度),这意味着不再有混搭 CSS。 正如我们所说,这是一种生活质量功能。

text-orientation 和 writing-mode CSS 将呈现

高级 CSS 技术从来都不是 Edge 的强项。 事实上,它甚至不是弱者。 它根本不在Edge的壁橱里。 如果您是那种想要利用高级 CSS 的开发人员,而这些高级 CSS 甚至超出了 Divi 等页面构建器的能力(诚然,这并不多),那么您一直对 Microsoft Edge 和 Internet Explorer 感到沮丧。 因为他们只是 惯于 处理一些东西。 这已经是过去了,现在 Chromium 在引擎盖下,我们最喜欢的效果之一(嗯,从技术上讲,其中两个)是 文本方向/书写模式.

不久前,我们发布了一篇关于横向和垂直文本的帖子。 在此更新之前,以下代码(以及帖子中的效果)无法在 Edge 中显示。

.sideways-text {
transform: rotate(90deg); /* makes entire paragraphs and lines rotate sideways */
}
 
.vertical-yellow {
text-orientation: upright; /* makes individual characters stand upright, not whole lines like transform: rotate */
writing-mode: vertical-lr; /* continues left-to-right at line break */
color: yellow;
font-size:2rem; /* this will make the body text twice the relative size of the default set for the whole site */
line-height: 200%; /* line height is VISUALLY line-width when it's vertical */
text-transform: uppercase;
font-family: monospace; /* this just pretties up the whole deal, making all characters the same width */
}
 
.vertical-white {
text-orientation: upright;
writing-mode: vertical-lr;
color: white;
font-size:2rem;
line-height: 200%;
text-transform: uppercase;
font-family: monospace;
}

让我们庆幸这些效果和先进技术不再被 The Powers That Be 所阻挡。

标准书签导入和扩展

Microsoft Edge 铬引擎

fiverr建站WordPress程序员

是的,你没有看错。 Edge 将支持扩展。 只需单击一下,Edge 就可以从 Chrome 中导入您的书签。 如果您打算进行交换,这不仅会使交换变得更容易,而且它使您可以访问您已经在使用的相同强大的工具。

许多网页设计师使用扩展来让他们的生活更轻松。 也许它是一个颜色滴管,因此您可以从网站上抓取完美颜色的十六进制(您现在也可以在 Edge 中使用它!),或者是一个尺子以获得正确的尺寸或字体抓取器。 也许您已安装此列表中的所有内容,并且您不想仅仅因为这些而离开 Chrome。

好吧,现在你可以了。

Microsoft Edge 铬引擎

因为即使 Edge 基于 Chromium,它也不是 铬合金. 它仍然是 Microsoft 产品,这意味着您将获得他们一直在重建声誉的软件质量。 不是谷歌的始终处于中间范围的代表。

独立站选品工具

将网站另存为 HTML

在 Chromium 升级之前,您无法将网页另存为 HTML。 右键单击上下文菜单……至少可以说是有限的。

edge 无法将网站下载为 html

有了 Chromium 引擎,情况就不再如此了。 最后,您将获得一个真正的上下文菜单。

Microsoft Edge 铬引擎

只需按“另存为…”,您就可以获得该站点的本地副本以进行检查和玩弄,这样您就可以确保每个元素都完全符合其应有的状态。

高质量外链购买

Microsoft Edge 铬引擎

说到元素,它们应该如何……

Edge 终于允许页面检查

Microsoft Edge 铬引擎

这是网页设计师的大事。 以前在 Edge 中工作几乎是不可能的,不是因为缺乏功能支持(尽管这很重要),而是因为您无法深入挖掘并检查单个元素来调试和解决任何问题。 您无法很好地调整和微调您的工作,因为您实际上无法轻松访问您的工作。

这已不再是这种情况。 所以网页设计师很高兴。 您终于可以使用 JS 控制台,使用 CSS 样式表,并在元素上戳戳戳,直到满足您的需求。

JasperAI 10000字免费额度试用

私人浏览就在这里

Microsoft Edge 铬引擎

几乎所有的浏览器都可以让你在一个干净的、没有历史记录的私人窗口中运行页面。 边缘除外。 同样,使用 Chromium,设计师将能够打开他们的作品并查看它是如何呈现给用户的,而无需注销、清除缓存和 cookie 以及跳过十几个环节。 我们现在可以访问与 Chrome 的隐身标签功能相同的 InPrivate 窗口。 只需右键单击,您就在那里。

Microsoft Edge 铬引擎

对于需要使工作像素完美的网页设计师来说,能够立即测试干净的设计是必不可少的。 这个特性限制了很多设计师在 Edge 中工作,因为不使用私有窗口太麻烦了。 如果您是那种每天打开几十个甚至几十个的设计师,您可能会对 Edge 与您的工作流程的契合程度感到惊讶。

还有更多

这些只是冰山一角。 这只是将 Chromium 带入 Edge 将使网页设计师能够访问的功能的一小部分。

WordPress备份工具updrafplus
  • 平坦的()平面图() Edge 将支持
  • 可以导入动态 JavaScript 模块(最终)
  • 使用 CSS 样式化占位符文本
  • 显示:内容 现在可供 CSS 网格和 flexbox 用户使用
  • 文本编码器文本解码器 将更好地显示直播

基本上,这样想: Chrome 可以做的任何事情,Edge 也可以. 这不是一个美妙的想法吗?

Microsoft Edge Chromium 特定功能

微软不只是采用 Chromium 并用它取代 Edge。 他们也在其中添加自己的功能。

1.Chrome 安全

用户将确保他们受到与 Chrome 用户所拥有的相同类型的安全措施的保护(尤其是那些通过扩展程序的安全措施)。 此外,微软正在为浏览器引入一套新的安全措施和跟踪拦截器。 用户将能够设置自己喜欢的保护级别,从根本没有到非常严格的锁定。 微软表示,他们希望让用户的隐私保护变得清晰、轻松和简单。 许多安全解决方案对用户来说似乎过于复杂,而随着 Edge 的普及,这是一个很好的选择。

2. 新收藏

此外,Chromium 基础将使微软推出一项他们称之为“收藏”的功能,该功能将让用户(显然)从互联网上收集内容,包括文本和图像,以便他们可以共享和管理它。 他们使用 Chromium 基础来保持手头的材料来源,以及导出到 MS Office 套件并维护数据结构以供以后操作。

3. IE仿真

然后是 顽强抵抗: 一个内置的 Internet Explorer 模拟器。是的,你没看错。 新的 Microsoft Edge Chromium 将内置 IE。 听起来可能有点落后,但实际上…

5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题