iPad で Google Sheets のリンクを開いたら 「お使いのブラウザのバージョンはサポートが終了しました」 ってメッセージが出てきた
アプリ版を使えってことかもだけど Google でも Safari のサポートしないんだなーって思った
競合とはいえ サービスのユーザーを増やす機会なのに
Google Sheets みたいな複雑な機能になるとやっぱり Safari の対応はかなりつらいものなのかな
最近は以前より Safari で動かないが減ってきたように思うけど
iOS16 が出ると聞いたので Safari の新機能は何が増えるのかなと調べてみるとコンテナクエリが使えるようになるようです
https://webkit.org/blog/12824/news-from-wwdc-webkit-features-in-safari-16-beta/
今でもメディアクエリでページの幅に応じてスタイルを切り替えられますが 実際に欲しいのはページ全体の幅ではなく特定の要素の幅に応じて切り替えられるものです
コンテナクエリではこれができるようになります
一応 JavaScript の ResizeObserver を使えばできなくはないですし Polyfill も作れると思いますが こういうスタイルに関するものはできるだけ CSS で書きたいので嬉しい機能です
この機能は Chrome も結構前に対応したはずだし これで気軽に使っていける……と思っていたら Chrome はまだフラグが必要な developer trial 中のようです
https://chromestatus.com/feature/6525308435955712
In developer trial (Behind a flag) とあります
少し前に Safari は :has の対応もありましたし 最近は Safari の方が CSS 関連機能の実装が速いですね
https://webkit.org/blog/12824/news-from-wwdc-webkit-features-in-safari-16-beta/
今でもメディアクエリでページの幅に応じてスタイルを切り替えられますが 実際に欲しいのはページ全体の幅ではなく特定の要素の幅に応じて切り替えられるものです
コンテナクエリではこれができるようになります
一応 JavaScript の ResizeObserver を使えばできなくはないですし Polyfill も作れると思いますが こういうスタイルに関するものはできるだけ CSS で書きたいので嬉しい機能です
この機能は Chrome も結構前に対応したはずだし これで気軽に使っていける……と思っていたら Chrome はまだフラグが必要な developer trial 中のようです
https://chromestatus.com/feature/6525308435955712
In developer trial (Behind a flag) とあります
少し前に Safari は :has の対応もありましたし 最近は Safari の方が CSS 関連機能の実装が速いですね
こんな機能見つけました
https://developer.mozilla.org/en-US/docs/Web/API/ScreenOrientation/lock
モバイル端末の回転を制御できるようです
ゲームなど一部のアプリだと縦長か横長どっちかの表示のみだったりします
でも Web だとそれができなくて不便です
viewport 固定で横長専用とかしたいのですけど
それがこれをつかえばできる!と思ってました
でも Safari (iOS) は非対応でした
モバイル端末考えると iOS シェアは多いですし Android だけできてもなぁという気分です
これに限らず Safari って独自の使用があったり変な動きしたりと扱いづらいです
新機能の実装も Firefox のほうが早いことが多くて全部で動くものとなると Safari がネックになってることも多いです
Win7 のサポートが終わって IE 対応がほぼなくなると Safari が第二の IE になるようにしか思えません……
一番の問題は iOS で Chrome など別のブラウザ入れてもエンジンは Safari の Webkit 固定なんですよね
https://developer.mozilla.org/en-US/docs/Web/API/ScreenOrientation/lock
モバイル端末の回転を制御できるようです
ゲームなど一部のアプリだと縦長か横長どっちかの表示のみだったりします
でも Web だとそれができなくて不便です
viewport 固定で横長専用とかしたいのですけど
それがこれをつかえばできる!と思ってました
でも Safari (iOS) は非対応でした
モバイル端末考えると iOS シェアは多いですし Android だけできてもなぁという気分です
これに限らず Safari って独自の使用があったり変な動きしたりと扱いづらいです
新機能の実装も Firefox のほうが早いことが多くて全部で動くものとなると Safari がネックになってることも多いです
Win7 のサポートが終わって IE 対応がほぼなくなると Safari が第二の IE になるようにしか思えません……
一番の問題は iOS で Chrome など別のブラウザ入れてもエンジンは Safari の Webkit 固定なんですよね