URL ウィンドウが表示されない

[yarakos95]

PC の Chrome からインストールされた PWA (?) で Qiita を閲覧している場合、左下に表示される URL ウィンドウが表示されません。これは、Chrome から閲覧する場合は表示されます。

ブラウザ	PWA

この問題は、リンクの表現方法を変えても発生します。
リンクタイトルを指定している場合、ツールチップは表示されています。

コードサンプル

## Link card

https://www.example.com

## Autolinks

<https://www.example.com>

## Link

[Example Domain](https://www.example.com)

### Link with tooltip

[Example Domain](https://www.example.com "This domain is for use in illustrative examples in documents. You may use this domain in literature without prior coordination or asking for permission.")

https://qiita.com/Yarakashi_Kikohshi/private/bceed6ba80bc8924986a

URL が表示されないため、どこに連れ行かれるのか分からず怖いです 😨

[kato647]

@Yarakashi-Kikohshi
調査してみたところ、Chromeのデフォルトの挙動のようでした。
そのため、Qiita側での改善はできないのですがYarakashi-Kikohshiさんの環境を変更いただければ表示が可能そうです。
通常の設定変更ではないため、変更に問題ないか確認していただいてからお試しください。

変更手順

• Chromeのアドレスバーでchrome://flags/と入力
• 表示された設定画面でDesktop PWAs remove status barをDisabledに変更
• Chromeの再起動

[yarakos95]

@kato647 さま

調査のほどありがとうございます。示していただいた変更手順を踏むことで、PWA 内でも URL が表示されるようになりました 🎉

後学のために教えていただきたいのですが、どのようにしてこの問題が Chrome デフォルトの挙動に由来していると分かったのでしょうか。

[kato647]

@Yarakashi-Kikohshi
簡単ではありますが、調査の手順を記載しますね。

• URLが表示されないことが、PWA固有の問題か確認する
  • Chrome以外のブラウザで確認する
  • Safari で確認した時にURLが表示されないため、ブラウザの機能でURLを表示していると判断した
• Safari で表示されないのはなぜか確認する
  • Safari は設定で「ステータスバーの表示・非表示」があることがわかった
• PWAでも設定がないか確認する
  • 「chrome pwa status bar」でGoogle検索して、設定があることを確認できた

[yarakos95]

@kato647 さま

ありがとうございます。勉強になります 🖊️

私側の話ですが、私の環境では Chrome と MS Edge を利用しており、両方とも Chromium ベースのブラウザだったため、ブラウザの問題ではないと判断していました 😣

[yarakos95]

追記です。

本 Discussion で提起した問題は解決済みでクローズとして大丈夫なのですが、一時、解消されていた問題が再度発生するようになりました。

どうやら最新の Chrome 110 では、提案いただいた Crome flag (#enable-desktop-pwas-remove-status-bar) が削除され、PWA 上で URL ウィンドウを表示させる方法は無くなってしまったようです 😢 （PWA はブラウザの性格をなるべく抑えるように設計される方針があるようです。）

ChromeOSバージョン109→110にて追加/削除されたchrome://flags

依然として、この問題が Qiita 側ではなくブラウザ側の問題であることは変わりないことが予想されるため、報告を兼ねた追記とさせていただきます。

[tanaka-asami415]

@Yarakashi-Kikohshi
ご報告ありがとうございます！🙇