Skip to content

Instantly share code, notes, and snippets.

@ShingoFukuyama

ShingoFukuyama/AsHomeApp

Last active April 24, 2023 02:42
Show Gist options
  • Save ShingoFukuyama/cd144a4b60326aa98dc0b8eb0140dc42 to your computer and use it in GitHub Desktop.
Save ShingoFukuyama/cd144a4b60326aa98dc0b8eb0140dc42 to your computer and use it in GitHub Desktop.
Download ZIP
[Bookmarklet] Save any website as a standalone home app
Raw
AsHomeApp
javascript:%3B%28function%28d%29%7Blet%20html%3Dd.querySelector%28%27html%27%29%3Blet%20head%3Dd.querySelector%28%27head%27%29%3Bif%28%21head%29%7Bhead%3Dd.createElement%28%27head%27%29%3Bhtml.appendChild%28head%29%3B%7D%0Afunction%20setMeta%28name%2Cvalue%29%7Blet%20meta0%3Dd.querySelector%28%27meta%5B%27+name+%27%5D%27%29%3Bif%28meta0%29%7Bmeta0.content%3Dvalue%3B%7Delse%7Bmeta0%3Dd.createElement%28%27meta%27%29%3Bmeta0.name%3Dname%3Bmeta0.content%3Dvalue%3Bhead.appendChild%28meta0%29%3B%7D%7D%0AsetMeta%28%27mobile-web-app-capable%27%2C%27yes%27%29%3BsetMeta%28%27apple-mobile-web-app-capable%27%2C%27yes%27%29%3BsetMeta%28%27apple-mobile-web-app-status-bar-style%27%2C%27black%27%29%3B%7D%29%28document%29%3B
@ShingoFukuyama
Copy link
Author

iPhone・iPadのSafariで開いている、あらゆるサイトを「ホームに追加する」ことで、Safariアプリから独立したスタンドアロンアプリ化するブックマークレットです。

  1. このブックマークレットをSafariに保存する
  2. 対象のサイトでブックマークレットを実行
  3. 「ホーム画面に追加」する

@ShingoFukuyama
Copy link
Author

This bookmarklet allows any website to be a standalone app by "Add to Home Screen" on Safari app.

  1. Save this bookmarklet on Safari
  2. Execute this bookmarklet on a target website
  3. "Add to Home Screen" from Safari's share menu

@SHOHEIKINJO365
Copy link

This bookmarklet allows any website to be a standalone app by "Add to Home Screen" on Safari app.

  1. Save this bookmarklet on Safari
  2. Execute this bookmarklet on a target website
  3. "Add to Home Screen" from Safari's share menu

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment