{"id":254768,"date":"2023-10-21T10:08:00","date_gmt":"2023-10-21T08:08:00","guid":{"rendered":"https:\/\/sftarticles.wpenginepowered.com\/es\/?p=310509"},"modified":"2025-07-01T17:54:22","modified_gmt":"2025-07-02T00:54:22","slug":"create-web-app-macos-sonoma","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/en\/create-web-app-macos-sonoma\/","title":{"rendered":"How to create an application from a website on macOS Sonoma"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Thanks to the new operating system for our computers, <a href=\"https:\/\/en.softonic.com\/articles\/macos-sonoma-official\" target=\"_blank\" rel=\"noopener\" title=\"\">macOS Sonoma<\/a>, it&#8217;s now possible to<strong> turn any website we visit into a standalone &#8220;web app&#8221;<\/strong> that we can pin to our Mac&#8217;s Dock. These web applications seamlessly integrate with native Mac tools such as Mission Control, Stage Manager, Launchpad, and Spotlight Search, allowing us to use them just like regular apps.<\/p>\n\n\n\n<!--more-->\n\n\n<div class=\"sc-card-program\">\r\n  <div class=\"sc-card-program__body\">\r\n    <div class=\"sc-card-program__row clearfix\">\r\n      <div class=\"sc-card-program__col-logo\">\r\n        <img decoding=\"async\" class=\"sc-card-program__img\" alt=\"iOS 17\" src=\"https:\/\/images.sftcdn.net\/images\/t_app-icon-m\/p\/aa0ea39a-3047-47be-9b3a-938ac771524a\/234379927\/ios-17-download-ios-17.jpg\" width=\"100px\" height=\"100px\">\r\n      <\/div>\r\n      <div class=\"sc-card-program__col-title\">\r\n        <span class=\"sc-card-program__title\">iOS 17<\/span>\r\n        <a class=\"sc-card-program__button sc-card-program-internal\" href=\"https:\/\/ios-17.en.softonic.com\/iphone\" target=\"_self\" rel=\"noopener noreferrer\">DOWNLOAD<\/a>\r\n      <\/div>\r\n      <div class=\"sc-card-program__col-rating\">\r\n        <svg class=\"rating-score__content\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" x=\"0\" y=\"0\" viewbox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" xml:space=\"preserve\"><path class=\"rating-score__background rating-score--good\" fill=\"none\" stroke-width=\"6\" stroke-miterlimit=\"10\" d=\"M40 40c8.3-8.3 8.3-21.7 0-30s-21.7-8.3-30 0 -8.3 21.7 0 30\"><\/path><path class=\"rating-score__value rating-score__value--0\" fill=\"none\" stroke-width=\"6\" stroke-dashoffset=\"0\" stroke-miterlimit=\"10\" d=\"M40 40c8.3-8.3 8.3-21.7 0-30s-21.7-8.3-30 0 -8.3 21.7 0 30\"><\/path><text class=\"rating-score__number\" content=\"\" text-anchor=\"middle\" transform=\"matrix(1 0 0 1 25 31.0837)\" data-auto=\"app-user-score\"><\/text><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"sc-card-program__row\">\r\n      <span class=\"sc-card-program__description\"><\/span>\r\n    <\/div>\r\n    <div class=\"sc-card-program__row\">\r\n      <img decoding=\"async\" class=\"sc-card-program__bigpic\" src=\"\" onerror=\"this.style.display='none'\">\r\n    <\/div>\r\n    <a class=\"sc-card-program__link track-link sc-card-program-internal\" href=\"https:\/\/ios-17.en.softonic.com\/iphone\" target=\"_self\" rel=\"noopener noreferrer\"><\/a>\r\n  <\/div>\r\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How to create an app in just a couple of clicks?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Creating a web app from a website<\/strong> is really easy. The steps are as simple as these:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the <em>Safari <\/em>app on your Mac.<\/li>\n\n\n\n<li>Go to the website you want to turn into an app.<\/li>\n\n\n\n<li>In the <em>File <\/em>menu, choose &#8220;<em>Add to Dock<\/em>.&#8221;<\/li>\n\n\n\n<li>Choose the app&#8217;s name.<\/li>\n\n\n\n<li>If desired, click on the app icon to customize it. When doing so, you can select any photo you have on your Mac.<\/li>\n\n\n\n<li>Click &#8220;<em>Add<\/em>.&#8221;<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-block-embed-Youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Meet the new MacBook Pro and Mac mini | Apple\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/6Ij9PiehENA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When opening our new web app, you&#8217;ll notice that the window has a simplified toolbar with some navigation buttons. As for navigating within the web app, it is focused on and limited to the website&#8217;s main domain. If you click on a link that leads to another domain, it will open in a new Safari window.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Logins, cookies, notifications, and other options<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>The website&#8217;s cookies are automatically copied to the web app<\/strong> and then kept entirely separate. This means that if we already have an active session on the website and then create a web app for that site, we will find it already logged in with our user account.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Push notifications from the website are integrated into the web app. These notifications will display the web app icon, and we can configure them in the <em>Notifications <\/em>section in <em>System Preferences<\/em>. Web apps also respect focus modes, allowing us to control notifications based on our activity.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In terms of privacy, Apple has integrated <strong>options to control web apps&#8217; access to the camera, microphone, and location<\/strong>, similar to native applications. We can find these options in <em>System Preferences &gt; Privacy and Security<\/em>.<\/p>\n\n\n<div class=\"sc-card-program\">\r\n  <div class=\"sc-card-program__body\">\r\n    <div class=\"sc-card-program__row clearfix\">\r\n      <div class=\"sc-card-program__col-logo\">\r\n        <img decoding=\"async\" class=\"sc-card-program__img\" alt=\"iOS 17\" src=\"https:\/\/images.sftcdn.net\/images\/t_app-icon-m\/p\/aa0ea39a-3047-47be-9b3a-938ac771524a\/234379927\/ios-17-download-ios-17.jpg\" width=\"100px\" height=\"100px\">\r\n      <\/div>\r\n      <div class=\"sc-card-program__col-title\">\r\n        <span class=\"sc-card-program__title\">iOS 17<\/span>\r\n        <a class=\"sc-card-program__button sc-card-program-internal\" href=\"https:\/\/ios-17.en.softonic.com\/iphone\" target=\"_self\" rel=\"noopener noreferrer\">DOWNLOAD<\/a>\r\n      <\/div>\r\n      <div class=\"sc-card-program__col-rating\">\r\n        <svg class=\"rating-score__content\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" x=\"0\" y=\"0\" viewbox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" xml:space=\"preserve\"><path class=\"rating-score__background rating-score--good\" fill=\"none\" stroke-width=\"6\" stroke-miterlimit=\"10\" d=\"M40 40c8.3-8.3 8.3-21.7 0-30s-21.7-8.3-30 0 -8.3 21.7 0 30\"><\/path><path class=\"rating-score__value rating-score__value--0\" fill=\"none\" stroke-width=\"6\" stroke-dashoffset=\"0\" stroke-miterlimit=\"10\" d=\"M40 40c8.3-8.3 8.3-21.7 0-30s-21.7-8.3-30 0 -8.3 21.7 0 30\"><\/path><text class=\"rating-score__number\" content=\"\" text-anchor=\"middle\" transform=\"matrix(1 0 0 1 25 31.0837)\" data-auto=\"app-user-score\"><\/text><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"sc-card-program__row\">\r\n      <span class=\"sc-card-program__description\"><\/span>\r\n    <\/div>\r\n    <div class=\"sc-card-program__row\">\r\n      <img decoding=\"async\" class=\"sc-card-program__bigpic\" src=\"\" onerror=\"this.style.display='none'\">\r\n    <\/div>\r\n    <a class=\"sc-card-program__link track-link sc-card-program-internal\" href=\"https:\/\/ios-17.en.softonic.com\/iphone\" target=\"_self\" rel=\"noopener noreferrer\"><\/a>\r\n  <\/div>\r\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">With macOS Sonoma, where we can <a href=\"https:\/\/en.softonic.com\/articles\/interactive-widgets-mac-sonoma\" target=\"_blank\" rel=\"noopener\" title=\"\">use interactive widgets on the desktop<\/a>, transforming our favorite websites into standalone applications is easier than ever. It&#8217;s a very useful feature to easily access specific information or functions with just a single click on our Mac&#8217;s Dock.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A very useful resource to easily access certain information or functions with a single click in the Dock of our Mac.<\/p>\n","protected":false},"author":9262,"featured_media":254771,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":2},"categories":[1015],"tags":[],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-254768","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/254768","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/users\/9262"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/comments?post=254768"}],"version-history":[{"count":1,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/254768\/revisions"}],"predecessor-version":[{"id":317057,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/254768\/revisions\/317057"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/media\/254771"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/media?parent=254768"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/categories?post=254768"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/tags?post=254768"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/usertag?post=254768"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/vertical?post=254768"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/content-category?post=254768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}