如何将您的网站变成 Mac 上的应用程序!将应用程序快捷方式添加到主屏幕

在本文中,如何在 Mac 上将网站变成应用程序并将其添加到主屏幕我会解释一下。

具体来说,我们将解释以下两种浏览器案例。

没有适用于 macOS 的应用程序的服务可以显示在独立窗口中,就像它们在应用程序上运行一样。

相关文章 如何在 Windows 上将网站变成应用程序

如何在 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 中打开菜单时,将显示以下内容之一:

  1. 安装“●●(服务名称)”
  2. 创建快捷方式

标准支持 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,请尝试一下。

参考 维基百科 – 基于 Chromium 的浏览器列表

〆:使用您最喜爱的网站作为桌面应用程序!

多于,如何将您的网站变成 Mac 上的应用程序!将应用程序快捷方式添加到主屏幕这就是解释。

YouTube对于像 一样的视频网站,您可以通过创建应用程序来创建更加身临其境的观看体验。

此外,抖音或者Instagram邮箱即使是官方未提供的服务,例如 ,也可以强制打成应用程序,方便,让您专注于操作。

请尝试一下。