Configuring Web Applications
Mar 21, 2015 · 1 分钟阅读

Specifying a Webpage Icon for Web Clip:

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<link rel="icon" sizes="152x152" href="touch-icon-android.png">

Specifying a Startup Image:

<link rel="apple-touch-startup-image" href="/startup.png">

Hiding Safari User Interface Components:

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes"> <!-- android -->

Changing the Status Bar Appearance:

<meta name="apple-mobile-web-app-status-bar-style" content="black">

Setting the Launcher Title:

<meta name="apple-mobile-web-app-title" content="Kojitsu">

format-detection:

<meta name="format-detection" content="telephone=no">

Linking to Other Native Apps:

<a href="tel:1-408-555-5555">Call me</a>
<a href="facetime:01234567890">Call using FaceTime</a>
<a href="facetime:hello@example.com">Call using FaceTime</a>
<a href="sms:">Launch Messages App</a>
<a href="sms:01234567890">Send an SMS</a>
<a href="http://maps.apple.com/?q=cupertino">Cupertino</a>

see more: Safari Web Content GuideSafari HTML ReferenceApple URL Scheme Reference

← Previous Post Next Post →

Ryun的博客
与其感慨路难行,不如马上出发。

atom css design git html javascript jekyll laravel life mac mobile optimization sublime tool vscode vue
mac

About

你好,❤朋友

这里是 Ryun 的博客 📝

📝记录了我学习 🔎的过程

作为一名前端攻城狮 🦁

希望能和大家一起 🔎

共同进步 🏃

🦁的特长:

  • HTML5
  • CSS3
  • JavaScript
  • Vue.js
  • 微信小程序
  • 熟练配合 Node.js、PHP 和 Laravel
  • 熟练使用各种开发和设计工具

🦁喜欢 🆒🆒的东西

对提升效率和美感的事物有兴趣 😋

欢迎 👏交流


see this hugo-theme-dream-ink