淡出到灰色:无头浏览器会扼杀网页设计吗?

简介:

我们今天所知道的浏览器是一个逐步淘汰的模式吗?没有它我们可以使用网络吗?第二个问题的答案是肯定的。无头浏览器会扼杀网页设计吗?

无头浏览器:没有ui的ui

无头浏览器已经大约十年了。它们是基于标准渲染引擎(chrome,Webkit,壁虎)的应用程序,并且可以显示web内容而无需实际显示。他们缺乏视觉用户界面;它们是无头的。

最初,开发了无头浏览器,以便对网站进行快速和自动测试。通常情况下,这会通过调用级接口(Cli)或定义接口(Api)来实现。根据请求,错误消息被发送为屏幕截图,或者以其他指定方式发送。

自从引入了无头浏览器以来,开发者社区就已经对它们进行了拆分。有人认为这项技术是毫无意义的,而是将测试它们的设计和应用程序在一系列“正常”浏览器上。这是合理的。

毕竟,这个出价的访问者也不会使用无头浏览器。n.PhantomJS它是它最流行的类型之一,它也会产生错误消息,而这些信息并不存在于常规浏览器中。这只是部分有用的。

PhantomJS:最流行的无头浏览器之一。

作为服务器端基础技术,Node.js也非常流行于无头浏览器的创建者。这种类型的某种现代标本是n.ZombieJS这里的名字已经暗示了在。与名字所暗示的相反,ZombieJS据说非常快,使它成为了一个优秀的选择,用于高性能的测试。

无头浏览器的自信用户欣赏通过无头浏览器运行大量自动测试的能力,或者以快速而直观的方式运行整个组。无头浏览器的主要支持者是为大型目标受众开发复杂web应用程序的开发者。

平均的web开发者,拥有适中的产品和客户端范围并不真正需要规模经济,这意味着他很可能选择传统的路径。

无头浏览器:谷歌将其效益

2009,搜索引擎巨头谷歌(Google)曾想过使用无头浏览器。以截然不同的方式。加利福尼亚人面临着无法索引内容动态生成的内容的问题。阿贾克斯。最后,该内容只会变成一个可转位的网站,因为我们需要浏览器使它们正确地呈现并变得清晰。

因此,搜索引擎需要一个内部浏览器,以使内容可用。刚说了就做完了!此后,谷歌一直使用无头浏览器,允许他们读取需要前端交互的内容,只要页面操作员采取一些防范措施。bing正在使用类似的技术。

现在浏览器引擎变得越来越多了,对于无头浏览器来说,意味着什么呢?没错,他们也越来越多地成长。

渐进式web应用程序(PWA)展示我们将要走的地方

每一个渐进web应用程序(PWA)的核心技术之一就是所谓的服务工作者。这是一个javascript,它能够执行功能,而没有网站必须被调用。您可以在上面提到的文章中找到一些更详细的解释。

服务工作人员是无头web本身的一部分,可以由无头浏览器和客户端使用。这将使无头浏览器变成一个服务,它可以处理服务器端的编程程序。这可能会使访问者端上的浏览器冗余。

论web内容转化成模块

无头浏览器具有预先渲染的内容。这些呈现的web内容片段可以用于进一步的处理,也可以用于显示。它不一定要使用浏览器来正确显示它们。同时,一个本地应用程序可以处理整个演示文稿,并在自己的ui中显示预先呈现的web片段的结构化布局。

这些方法的例子是Facebook即时文章或者谷歌的amp工程。在上面提到的文章中,我指出谷歌应该对保护开放网络有特别的兴趣。amp是一个建筑块。然而,它没有得到不受限制的批准。

谷歌的amp-项目。

web推送通知(如google操作系统android下所见)进入了相同的方向。

微数据也是一个必不可少的因素。您可以说,即使今天,也有通过json传输数据的方法,例如,您是对的。然而,无头web还需要进一步地进行几步,因为它不仅从切换接口获取数据,而且还需要整个功能模块,包括集成程序逻辑组件。

为此,必须注意语义正确的标记,创建可以合理使用的积木块。

现在,您也可以将web推送作为saas进行图书发布,如图所示

开放网络标准的拥护者可能会享受到这一点。我认为,说这些开放标准将在未来取得重要意义是安全的。

然而,由于开放网络标准的胜利,普通网络设计师们的快乐可能很快就会消失。毕竟,传统的web设计不再需要了,而架构方面已经开始变得更加关注焦点。当看amp时,这个方面变得非常清楚了。通过谷歌服务器实现标准化的显示和内容的传递并不符合所有人的口味。这个项目有点争议,但几乎完全由出版商支持。内容提供商似乎很喜欢它。

那么,这是否意味着设计和开发领域将会更加分离?今天,至少在前端开发中,我们仍然看到了各种学科的融合。这已经开始了,web设计者在服务器上安装软件并调整cms主题以使它能够正确显示动态内容。

谈到无头,我们还应该提到,cms的趋势继续下去。甚至可以运行wordpress和WooCommerce无头没有前台。以标准化形式,内容可以从后端提取,并使用任何希望的方式,比如本地应用程序,特别为该移动设备。

除了著名的市场参与者之外,还有一些解决方案从开始,让他们能够在没有遗留负担的情况下运作。一个例子就是:n.ButterCMS它存在于google云中;另一个示例是Kentico云它也是作为云saas运行的。

目前,没有解决方法,即可以将无头浏览器进行缩放,这样它们就可以同时提供数千实例。这种技术障碍肯定会在未来消失,但目前仍存在着。至少在此之前,有头脑的网站不会变得多余。

原文发布时间:04/20

原文作者:落叶_dfg

本文来源开源中国如需转载请紧急联系作者

相关文章
|
Web App开发 数据采集 JavaScript
利用无头浏览器爬取JavaScript生成的网页
利用无头浏览器爬取JavaScript生成的网页
|
数据采集 Web App开发 JavaScript
Puppeteer无头浏览器:开启自动化之门,掌握浏览器世界的无限可能
大概还是入门期,我曾用Puppeteer做爬虫工具以此来绕过某网站的防爬机制。近期有需求要做任意链接网页截图,像这种场景非常适合用Puppeteer完成。无头浏览器我已知的还有Selenium。
361 2
Puppeteer无头浏览器:开启自动化之门,掌握浏览器世界的无限可能
|
6月前
|
Web App开发 数据采集 数据挖掘
还有这种骚操作:使用Golang实现无头浏览器浏览和截图
还有这种骚操作:使用Golang实现无头浏览器浏览和截图
341 0
|
Web App开发 数据采集 JavaScript
剑走偏锋,正经程序员都在用的无头浏览器到底有多神奇?
浏览器是再熟悉不过的东西了,几乎每个人用过,比如 Chrome、FireFox、Safari,尤其是我们程序员,可谓开发最强辅助,摸鱼最好的伴侣。 浏览器能干的事儿,无头浏览器都能干,而且很多时候比标准浏览器还要更好 用,而且能实现一些很好玩儿的功能,我们能借助无头浏览器比肩标准浏览器强大的功能,而且又能灵活的用程序控制的特性,做出一些很有意思的产品功能来,稍后我们细说。
|
Web App开发 数据采集 Docker
docker+python无头浏览器爬虫
海量数据从哪儿来?世上本无所谓大数据的,爬的多了,自然就有数据了。 为什么使用docker? 这两年网上关于docker的讨论不亚于当年的云计算,现在云计算已经落地生根了。
3163 0
|
2天前
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式:`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求,返回Promise对象,可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果,适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
在浏览器执行js脚本的两种方式
|
30天前
|
机器学习/深度学习 自然语言处理 前端开发
前端大模型入门:Transformer.js 和 Xenova-引领浏览器端的机器学习变革
除了调用API接口使用Transformer技术,你是否想过在浏览器中运行大模型?Xenova团队推出的Transformer.js,基于JavaScript,让开发者能在浏览器中本地加载和执行预训练模型,无需依赖服务器。该库利用WebAssembly和WebGPU技术,大幅提升性能,尤其适合隐私保护、离线应用和低延迟交互场景。无论是NLP任务还是实时文本生成,Transformer.js都提供了强大支持,成为构建浏览器AI应用的核心工具。
312 1
|
19天前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
45 0
|
2月前
|
JavaScript 前端开发
js之浏览器对象|28
js之浏览器对象|28
|
3月前
|
机器学习/深度学习 人工智能 前端开发
【人工智能】利用TensorFlow.js在浏览器中实现一个基本的情感分析系统
使用TensorFlow.js在浏览器中进行情感分析是一个非常实用的应用场景。TensorFlow.js 是一个用于在JavaScript环境中训练和部署机器学习模型的库,使得开发者能够在客户端直接运行复杂的机器学习任务。对于情感分析,我们可以使用预先训练好的模型来识别文本中的积极、消极或中性情感。
97 4
【人工智能】利用TensorFlow.js在浏览器中实现一个基本的情感分析系统