google-chrome-extension - 渐进式网络应用程序(PWA)与电子与浏览器扩展
问题描述
这个问题的背景是我一直在研究我称之为工具的东西,用户可以在其中构建他们以后可以运行的模块。它最初是一个小型网页,并在去年发展成为更类似于桌面应用程序的东西。但是,此时,仍然只是一组 html、css 和 js 文件。
我考虑使用像 electron 之类的东西将其打包为可安装的桌面应用程序,但我不喜欢这种方法,并认为最好坚持使用类似渐进式 Web 应用程序的东西,因为一切都是离线完成的。
因为我想访问仅对 Web 扩展可用的 API,所以我在 MDN 网络文档上阅读了一些关于它们的内容,这让我对 PWA 和使用扩展页面来运行自己的页面/程序,而不是改变其他网页在浏览器中的查看和使用方式,等等?
如果一个人希望他们的应用程序可以离线工作并像桌面应用程序一样运行,那么将其作为浏览器扩展有什么缺点?我发现关于 PWA 的信息比浏览器扩展更多,给人的印象是不应该以这种方式使用扩展。
似乎好处包括对更多 API 的访问,它使用自己的图标安装到浏览器中,并且可以更改扩展页面的窗口,使其看起来不像在浏览器中运行。
我是 stackoverflow 的新手,并注意到问题有时会被关闭,因为它们被视为有争议或寻求意见而不是事实。那么,更具体地说,您能否帮助我了解每种方法的优缺点,和/或在选择方法时应考虑的决策点?谢谢你。
对答案/评论的回应
感谢您花时间回答我的问题。将问题扩展到包括电子是我想避免的事情,并且在我的问题中提到它只是为了说明我已经广泛审查了它并且不想开始关于它的另一次讨论。我的问题只是关于 PWA 和浏览器扩展。
这个问题也与我的申请细节没有太大关系。它已经可以作为 PWA 存在。问题是如果一个应用程序已经可以作为 PWA 存在,那么将其作为浏览器扩展或不这样做的原因是什么?访问比 PWA 可用的 API 更多的 API 并安装到浏览器中给它一个“家”似乎使扩展成为一个比 PWA 更好的环境,因为没有更好的术语。
MDN web 文档上关于浏览器扩展的描述包括独立游戏,但似乎鼓励集成到浏览体验中的游戏——不管是什么。我不是在构建游戏,而是想知道作为独立工具的扩展会出现什么问题。
一位评论者似乎认为虽然可以这样做,但不应该这样做,因为扩展只是为了增强浏览体验。这可能是正确的看法。但是,另一方面,我有点喜欢在浏览器中添加一个图标的想法,该图标可以在没有浏览器菜单的窗口中打开我的应用程序(例如全屏运行网站),并允许我访问下载 API。这将为我的应用程序的用户提供更好的体验。
但可能还有其他不这样做的原因,除了这不是扩展的目的,也不是它们在历史上的使用方式。会不会违反规则,让自己在以后失败,等等?或者,它只是为现有功能寻找另一种用途。
如果听起来那样的话,我并不是想变得粗鲁,而是想更好地澄清我的问题。谢谢你。
解决方案
浏览器扩展- 这些本质上用于扩展和增强用户的浏览体验。想想广告拦截器。它本身没有用。但有助于在您访问其他网站时阻止添加。用于截取屏幕截图的屏幕截图扩展。一个深色主题扩展,可在您访问的任何页面中翻转颜色。
PWA - PWA 应用程序将取代 chrome 应用程序。PWA 可以安装到所有主要桌面操作系统和移动操作系统的桌面上。它可以离线工作。它在硬件访问方面可以做什么取决于用户的浏览器版本。同样可以在这里检查。Web 应用程序的所有限制仍然存在。
Electron -它是一个带有原生层(有点!)的网络应用程序。这也可以离线工作。事实上,它首先离线,因为所有 HTML/CSS/JS 组件都包含在 Electron 中,它还可以访问 API 并完成 PWA 可以在功能上完成的所有工作。Electron 与 PWA 的主要区别在于其构建、分发和部署的方式。Atom 编辑器、Visual Code 编辑器、Slack 是一些使用 HTML/CSS/JS 构建并使用 Electron 打包的著名工具。
用户机器上的 PWA 功能由用户浏览器版本决定,而 Electron 应用程序将有自己的运行时打包。所以不依赖于用户机器。这可能是您在决定选择哪一个时要考虑的关键问题。
您需要更具体地说明您要在应用程序中实现/执行的操作。您所提到的只是“一种工具,用户可以在其中构建以后可以运行的模块”。这根本没有任何见识。
推荐阅读
- swiftui - NavigationLink 子项中的“表单”选择器的 NavigationView 问题
- javascript - Laravel 8动态下拉菜单无法使用javascript
- php - 如何在 Laravel 中使用自定义列名和表名定义多对多关系
- td-engine - 为什么使用 python 连接器时,interp 函数在 TDengine 数据库中返回不同的值?
- java - 带有 GeckoDriver 的 WebDriver - 等待 45 秒等待 Firefox 启动超时
- highcharts - 从 highchart 图例符号中删除删除线
- google-sheets - 当从第一个实例中过滤其他数据时,Google 表格查询功能不会返回从第二行计算的备用行结果
- python - 如何在单个查询中在 Sqlalchemy 中发布更新?
- python - Beautifulsoup/Selenium:无法单击按钮并使用 python 获取 url
- python - 钻石水晶 - 没有达到预期的输出