リンク on qwerty.work

スマホで電話番号などに自動的にリンクが付くのを防ぐ方法

Wed, 24 Nov 2021 20:35:55 +0900

自動的に設定されるリンクを無効化する

スマホ対応のレスポンシブサイトを制作しているのですが、スマホのブラウザによっては勝手にリンクが設定されてしまい、どうにかならないかと調べた方法をメモ。

私はiPhoneをメインに使用していますが、iOS対応ブラウザとしてSafariはもちろん、Chrome、Edge、Bravaが入っていますが、それぞれ違った挙動でリンクが貼られてしまい困りました。

メタタグを使用する方法

～の間に以下のタグを埋め込みます。

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

これを設定すると電話番号にリンクが付くのを防ぐことができるようです。

電話番番号以外に、住所、メールアドレス、日付や時間にリンクが付くことがあります。その場合は以下のように複数を指定すればいいみたいです。iPhoneのSafariはこれでOKでしたが、Bravaはダメでした。

<meta name="format-detection" content="telephone=no,address=no,date=no,email=no">

または

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

これを設定したからといって、既存の[0120-123-456](tel:0120123456)などが無効になることはありません。

Edgeブラウザの場合

ブラウザがEdgeの場合は電話番号などが記載されたタグにx-ms-format-detection="none"を設定すれば良いみたいです。

<p x-ms-format-detection="none">0120-123-456</p>

ただし、この属性はInternet ExplorerとMicrosoft Edge固有の属性です。それ以外のブラウザでは利用できませんので注意しましょう

それでもダメな場合

リンク無しのリンクをダミーで貼る

上記のいずれもダメな場合は空のリンクを貼ってポインターを無効にします。CSSのpointer-events: none;を使ってポインターイベントを無効化することでリンクがクリックされるのを回避できます。多分、これが一番最強の方法で、どのブラウザにも対応できるかと思われます。Safari,Chrome,Edge,Bravaのすべてで自動的にリンクを貼られるのを回避できました。

<a class="nolink">0120-123-456</a>

.nolink {
    pointer-events: none;<br>    text-decoration-line: none;<br>    color: inherit !important;    <br>}

興味深い方法

以下のサイトに記載された方法。

https://stackoverflow.com/questions/28027330/html-email-ios-format-detection https://stackoverflow.com/questions/28027330/html-email-ios-format-detection

試していませんが、Appleの文字があるのでSafari対応だと思われますが、CSSで解決できるっぽいです。

<style type="text/css">
  a[x-apple-data-detectors] {
      color: inherit !important;
      text-decoration: none !important;
      font-size: inherit !important;
      font-family: inherit !important;
      font-weight: inherit !important;
      line-height: inherit !important;
  }
</style>

参考サイト

https://aprico-media.com/posts/5007 https://aprico-media.com/posts/5007

https://arts-factory.net/notel/ https://arts-factory.net/notel/

https://shu-naka-blog.com/html/meta-telephone/ https://shu-naka-blog.com/html/meta-telephone/

https://style01.net/951/ https://style01.net/951/

https://wa3.i-3-i.info/word11829.html https://wa3.i-3-i.info/word11829.html

https://iwb.jp/format-detection-telephone-email-address-no/ https://iwb.jp/format-detection-telephone-email-address-no/

https://gist.github.com/weivall/2595515 https://gist.github.com/weivall/2595515

https://note.com/kanbara3/n/nab15ec78010a https://note.com/kanbara3/n/nab15ec78010a

Chromium（クロミウム）ブラウザのダウンロードリンク

Sat, 09 Feb 2019 19:41:35 +0900

Google ChromeのベースになっているChromium（クロミウ）ブラウザのダウンロードをしようと思ったら、結構わかりにくかったのでダウンロードページをメモ。

Chromium（クロニウム）ブラウザのダウンロードリンク

https://www.chromium.org/getting-involved/download-chromium https://www.chromium.org/getting-involved/download-chromium

https://download-chromium.appspot.com/ https://download-chromium.appspot.com/

https://chromium.woolyss.com/ https://chromium.woolyss.com/

NET Framework 4.5.0のオフラインインストーラーダウンロードリンク

Tue, 28 Nov 2017 22:07:40 +0900

NET Framework 4.5.0のオフラインインストーラーダウンロードリンクをメモ。

4.5.1と4.5.2は専用のページが簡単に見つかるのですが、4.5.0専用のページは存在していないようで見つかりませんでした。以下はオフラインインストールのためのセットアップファイルを直接マイクロソフトからダウンロードするリンクです。

オフラインインストーラー

dotNetFx45_Full_x86_x64.exeのダウンロードリンク

WEBインストーラー（オンライン）

dotnetfx45_full_setup.exeのダウンロードリンク

http://go.microsoft.com/?linkid=9810134

4.5以降の各バージョン

.NET Framework 4.5以降の各バージョンのオフラインインストーラーとWEBインストーラーのリンクがまとめてあるマイクロソフトのページ。

https://docs.microsoft.com/ja-jp/dotnet/framework/deployment/deployment-guide-for-developers#command_line_options https://docs.microsoft.com/ja-jp/dotnet/framework/deployment/deployment-guide-for-developers#command_line_options

XenCenterのダウンロードリンク / ダウンロードページ

Mon, 06 Nov 2017 12:24:51 +0900

最新のXenCenterをダウンロードページを探すのに手こずったので、次は困らないようにダウンロードページのリンクをメモ。

https://www.citrix.co.jp/downloads/search.html?qs=XenCenter https://www.citrix.co.jp/downloads/search.html?qs=XenCenter

https://xenserver.org/open-source-virtualization-download.html https://xenserver.org/open-source-virtualization-download.html

.NET Framework 4.7のオフラインインストーラーダウンロードリンク

Wed, 14 Jun 2017 19:24:33 +0900

現在最新の.NET Frameworkが公開されていました。.NET Framework 4.7（KB3186497）。インターネット回線がつながっていないオフライン環境でインストールできる**.NET Framework 4.7（KB3186497）**のインストーラーのダウンロードリンクをメモ。

**.NET Framework 4.7（KB3186497）**はWindows Updateの際に更新ファイルとして現れるのでアップデート時にインストールすることもできますが、インターネット環境が無い場合や、手動でインストールしたい場合に使えます。

ダウンロードリンク

Windows 7 SP1/8.1/10 Ver.1607/Server 2008 R2/2012/2016で共通のインストーラーです。

オフラインインストーラー（KB3186497）

http://go.microsoft.com/fwlink/?linkid=825302

WEBインストーラー（KB3186500）

インターネットがオンラインになっている環境の場合はこちらが使えます。

http://go.microsoft.com/fwlink/?linkid=825298

エラーが出るときはKB4019990または月例ロールアップをインストール

.NET Framework 4.7をインストール中に以下のエラーが画面が出るときがあります。.NET Framework 4.7と依存関係にあるD3DCompiler_47.dllがC:\Windows\system32にないため、インストールがブロックされてしまうエラーで、この場合はKB4019990をインストールすれば解決します。KB4019990をインストールして再度、.NET Framework 4.7をインストールを行ってみてください。

また、D3DCompiler_47.dllは2017 年 5 月 17 日 - KB4019265 (マンスリーロールアップのプレビュー）以降の月例ロールアップにも含まれていますので、マンスリーロールアップを先に入れておくのも有効です。

このことは以下の「Windows用の.NET Frameworkの4.7オフラインインストーラーページ」にも記載されています。

https://support.microsoft.com/ja-jp/help/3186497/the-net-framework-4-7-offline-installer-for-windows https://support.microsoft.com/ja-jp/help/3186497/the-net-framework-4-7-offline-installer-for-windows

各WindowsバージョンのKB番号

ダウンロードする.NET Framework 4.7のインストーラーはKB3186497ですが、上記のページによるとWindows Updateで表示される更新ファイルの番号は以下のように表示されるようです。

  Windows 7 SP1,Windows Server 2008 R2 SP1
  [KB3186497](https://www.catalog.update.microsoft.com/Search.aspx?q=KB3186497)


  Windows Server 2012
  [KB3186505](https://www.catalog.update.microsoft.com/Search.aspx?q=KB3186505)


  Windows 8.1, Windows Server 2012 R2
  [KB3186539](https://www.catalog.update.microsoft.com/Search.aspx?q=KB3186539)


  Windows 10 バージョン 1607
  [KB3186505](https://www.catalog.update.microsoft.com/Search.aspx?q=KB3186505)

言語パックもインストールする

.NET Framework 4.7をインストールが環境したら。.NET Framework 4.7の言語パック（KB3186499）もついでに入れおくといいかもしれません。.NET Framework 4.7をインストールした後にWindows Updateしたときに必ず言語パックがインストールされるので同時に入れておきましょう。言語パックのオフラインインストーラーは以下からダウンロードできます。

https://support.microsoft.com/ja-jp/help/3186499/microsoft-net-framework-4-7-language-pack-offline-installer-for-window https://support.microsoft.com/ja-jp/help/3186499/microsoft-net-framework-4-7-language-pack-offline-installer-for-window

https://www.microsoft.com/ja-jp/download/details.aspx?id=55169 https://www.microsoft.com/ja-jp/download/details.aspx?id=55169

https://www.catalog.update.microsoft.com/Search.aspx?q=KB3186499 https://www.catalog.update.microsoft.com/Search.aspx?q=KB3186499