Card Check Box

ブラウザ

概要

テストページの表示確認に使用したので、記録として残すことにしました。主にデスクトップ向けの Linux 版で確認しています。Google Chrome, Microsoft Edge や Vivaldi などでレイアウトが崩れる場合は chrome://flags, edge://flags や vivaldi://flags などで 「開発中の試験運用版ウェブ プラットフォームの機能を有効にする」(#enable-experimental-web-platform-features) を有効にしてください。

Mozilla Firefox

テストページの確認に使用しているバージョンは 「121.x」 です。

CSS の仕様への準拠度が比較的高いので、このサイトは基本的に Mozilla Firefox で見た目の調整をしています。

Google Chrome

テストページの確認に使用しているバージョンは 「122.x dev」(開発版) です。

Google Chrome は新機能の実装が早いので Mozilla Firefox と同じく見た目の調整に利用しています。

留意点

CSS Ruby の対応が十分でないので、単語によっては ruby text の間隔が広くなりすぎる場合があります。

Chromium

テストページの確認に使用しているバージョンは 「120.x」 です。

ウェブサイトの見た目は Google Chrome と変わらないようです。

Vivaldi

テストページの確認に使用しているバージョンは 「6.6.x snapshot」(開発版) です。

Chromium がベースなのでウェブサイトの見た目は Google Chrome と変わらないようです。

他のブラウザが拡張機能によって実現している機能が実装されているのがいい感じです。ブラウザの外観も一番良いです(個人の感想です)。

Microsoft Edge

テストページの確認に使用しているバージョンは 「122.x dev」(開発版) です。

Chromium がベースなのでウェブサイトの見た目は Google Chrome と変わらないようです。

Mullvad Browser

テストページの確認に使用しているバージョンは 「13.0.7」(Flatpak 版) です。

HTML レンダリングエンジンが Gecko (Mozilla Firefox と同じ) なのでサイトの表示確認に使っています。

ブラウザの設定で限られたフォントしか選択できないようになっているので、ウェブサイトの見た目は意図したものにはなっていません(機能的には問題ないようです)。

Floorp Browser

テストページの確認に使用しているバージョンは 「11.8.1」(Flatpak 版) です。

HTML レンダリングエンジンが Gecko (Mozilla Firefox と同じ) なのでサイトの表示確認に使っています。

Mozilla Firefox がベースなのでウェブサイトの見た目は Mozilla Firefox と変わらないようです。