在本文中,如何在 Mac 上将网站变成应用程序并将其添加到主屏幕我会解释一下。
具体来说,我们将解释以下两种浏览器案例。
没有适用于 macOS 的应用程序的服务可以显示在独立窗口中,就像它们在应用程序上运行一样。
如何在 Chrome 中安装类似应用程序的网站
在此方法中,您计算机的浏览器
需要 Chrome。
下载 谷歌浏览器
有两种类型的程序,具体取决于服务。
方法 1:作为应用程序安装
让我们以 YouTube 为例。
第一的
在 Chrome 中YouTube 网站打开。

将 YouTube 网站转变为应用程序的示例。
地址栏附近
单击安装图标。

带红框的安装图标
或从菜单中,保存并分享→安装 YouTube但没关系。

“保存并分享”→“安装 YouTube”
安装 YouTube。

安装
这就是全部内容了。
独立于 Chrome,
它将在专门的 YouTube 窗口中启动。

在专用 YouTube 窗口中显示
也在码头上
将显示 YouTube 图标。

YouTube 图标出现在 Dock 中
我以 YouTube 为例,但其他服务的步骤是相同的。
例如
抖音
您还可以将 Twitter 变成一个应用程序(顺便说一下,Twitter 是官方应用程序)。

将 TikTok 变成应用程序的示例。
方法 2:创建快捷方式以作为应用程序打开
我将以 ABEMA 为例进行解释。
第一的
在 Chrome 中ABEMA网站打开。

ABEMA网站
从菜单中保存并分享→创建快捷方式我会。

菜单中的“保存并共享”

创建快捷方式
这里作为窗口打开不要忘记选中该框。

选择“作为窗口打开”并单击“创建”
这就是全部内容了。
独立于 Chrome,
ABEMA 将在专用窗口中启动。

显示在ABEMA专用窗口中
也在码头上
将显示 ABEMA 图标。

ABEMA 图标出现在 Dock 中
我以 ABEMA 为例进行了说明,但其他服务的过程是相同的。
例如
Instagram、
您还可以将 Gmail 变成一个应用程序。

将 Instagram 转变为应用程序的示例。
参考:如何卸载已变成应用程序的网站
如果你想删除它,从菜单中卸载“●●(应用程序名称)”并继续,删除执行一下就OK了。
同时清除 Chrome 数据检查是可选的。相关的 cookie 也会消失,因此如果您继续访问该网站,则不必强迫自己删除它们。

卸载 YouTube 应用的示例。

“同时清除 Chrome 数据”是可选的。
如何在 Safari 中安装类似应用程序的网站
需要 macOS Sonoma(2023 年发布)或更高版本。
让我们以 YouTube 为例。
第一的
在野生动物园YouTube打开网站。

将 YouTube 网站转变为应用程序的示例。
Safari 菜单栏“文件”添加到 Dock选择。
添加到 Dock如果您没有,请确保您的 macOS 版本已更新为 Sonoma。

文件 → 添加到 Dock
检查要转为应用程序的网站的名称和 URL 后,添加决定。

检查站点名称和 URL。
这就是全部内容了。
独立于 Safari,
它将在专门的 YouTube 窗口中启动。
也在码头上
将显示 YouTube 图标。
我以 YouTube 为例,但其他服务的步骤是相同的。

在专用 YouTube 窗口中显示

专用图标也会出现在 Dock 中。
已转换为应用程序的网站保存在您的主文件夹中的“应用程序”文件夹中。
如果您从此处删除它,该应用程序网站将被卸载。

YouTube 保存在“应用程序”文件夹中

删除已转为应用程序的 YouTube 网站的示例
补充信息:关于将网站变成应用程序的事情
在这一部分中,我们将补充与已转变为应用程序的网站相关的详细信息。
说明流程
补充①
补充②
补充③
补充④
如何使用 Edge 或 Brave 将您的网站变成应用程序
应用网站的特点
这些是应用程序网站的主要功能。
- 可以在专用的沉浸式窗口中显示
- 您可以在桌面或 Dock 上放置并启动专用图标。
让我们以 YouTube 为例。
可以在专用的沉浸式窗口中显示
选项卡和地址栏等元素都消失了,屏幕纯粹专用于该网站。

Chrome 中通常显示的区域(例如选项卡和地址栏)不会显示。
您还可以使用快捷键切换应用程序(⌘+选项卡) 也可以用特殊图标显示。

YouTube 应用程序显示有专用图标的示例。
您可以在桌面或 Dock 上放置并启动专用图标。
当网站作为应用程序运行时,专用图标也会显示在 Dock 上。

如果你把它常驻在Dock中,你就可以立即启动它,很方便。
从 Dock 上图标的右键菜单中,选项→添加到 Dock您始终可以通过选中来显示它。

将应用程序的 YouTube 图标添加到 Dock 的示例。
如何更改添加到 Dock 的图标
让我们以 YouTube 为例。其他站点的程序相同。
已转换为应用程序的网站的图标图像可以更改为您喜欢的任何设计,就像常规应用程序一样。

将 YouTube 图标自定义为应用程序的示例。
首先,我们准备一个图标。
如果您搜索“youtube icon”,您将找到可以下载免费图像的网站。
例如图标-图标我推荐它。
选择要下载的图像文件的 .icns 扩展名(.icns 是 macOS 使用的图标格式)。

在 Icon-Icons 网站上搜索 YouTube 图标的示例。

下载的图标。
然后在码头上
从 YouTube 的右键菜单中,选项→在 Finder 中显示我选择。

将显示以下位置,因此从右键菜单中查看信息打开。
/Users/ユーザー名/Applications/Chrome Apps.localized/YouTube.app

将您准备的新图像拖放到出现的 YouTube 图标上。

将显示当前的 YouTube 图标。

拖放准备好的图标图像文件。
现在,图标将发生更改,并且 Dock 上显示的图像也将被反映。
如果效果不佳,请关闭 YouTube,从 Dock 中删除该图标,然后尝试再次打开它。

图标将更改为新图标。

它还将反映在 Dock 上的 YouTube 图标中。
无法将网站变成应用程序的主要原因和解决方案
正如主体部分所介绍的那样,
当您在 Chrome 中打开菜单时,将显示以下内容之一:
- 安装“●●(服务名称)”
- 创建快捷方式
标准支持 PWA 的站点将显示为 1,其他站点将显示为 2。
[什么是 PWA?] – 渐进式 Web 应用程序的缩写。它是一个在与浏览器上的站点分开的单独窗口中显示传统 Web 服务的系统,使其看起来像一个应用程序。就Chrome而言,即使所需的网页与PWA不兼容,它也具有创建伪应用程序的功能。
如果菜单上均未显示,请检查以下三点。
关于原因②,如果由于某种原因
如果您无法将 Chrome 更新到最新版本,请从 Chrome 测试功能启用 PWA。
粘贴以下 URL 并选择“桌面 PWA”启用更改为
chrome://flags/#enable-desktop-pwas

最新版本
由于它是 Chrome 中的默认功能,因此“桌面 PWA”项目已从测试功能中删除。
如何使用 Edge 或 Brave 将您的网站变成应用程序
如果你想用其他浏览器实现它,可以使用基于 Chromium 的浏览器,例如
勇敢的或者
边缘是适用的。
[什么是铬?] – 铬。 Google 开发的开源网络浏览器的项目名称。 Chrome也是基于这个源代码创建的。
两个都
您可以使用与 Chrome 相同的步骤将您的网站变成应用程序。
▼
勇敢的

使用 Brave 将 YouTube 变成应用程序的示例。
▼
边缘

使用 Edge 将 YouTube 变成应用程序的示例。
还有其他基于 Chromium 的浏览器,所以
如果您有任何原因不想使用 Chrome,请尝试一下。
〆:使用您最喜爱的网站作为桌面应用程序!
多于,如何将您的网站变成 Mac 上的应用程序!将应用程序快捷方式添加到主屏幕这就是解释。
YouTube对于像 一样的视频网站,您可以通过创建应用程序来创建更加身临其境的观看体验。
此外,
抖音或者
Instagram、
邮箱即使是官方未提供的服务,例如 ,也可以强制打成应用程序,方便,让您专注于操作。
请尝试一下。
