以下の内容はhttps://let.blog.jp/tag/Edgeより取得しました。


Edge でスクロールバーの色が変わった
最近気づいたら変わってました
黒いです
以前は気にならなかったので たぶん変わったのは Edge 123 か 124 だと思います
Chrome は今のところ変わっていません

変わったのは トップレベル(ドキュメント全体)のスクロールバーの色です
自分で div に overflow: auto をつけてスクロールバーを出してもここは変わっていないようです

色はダークテーマかどうかを反映してそうです
ためしに html 要素のスタイルの color-schema を変更してみると light だと白く dark だと黒くなりました
OS 側でダークテーマを ON にしてるとそれを引き継いで黒くなるのでいつもと違って見えたということみたいです

ダークテーマを切替可能なページなら設定に応じて color-schema を切り替えてるので自然ですが ダークテーマに対応していないページだと color-schema は設定してないことも多く見た目はライトテーマなのにスクロールバーだけ OS の設定に合わせてダークテーマになっていて不自然です

後から出てきたブラウザ仕様に合わせてページを書き換えるのは嫌なところもありますが ダークテーマをサポートしないページでも

html {
color-schema: light;
}

だけはつけておいたほうがいいかもしれません
AVIF を使おう
画像フォーマットの AVIF 形式ですが Edge 121 でやっと使えるようになったようです
https://caniuse.com/avif

Chrome では数年前から使えて Safari も 1 年以上前から使えたのですが Edge だけが使えなかったです
Chrome で表示できるのだから Edge でも表示できていいのに無効化されていました
それがとうとう使えるようになりました

前から JPEG はそろそろ捨てたいと思って WebP を使ったりもしましたが どうせなら更に新しい AVIF にしたいなと思って期待していたので待ちに待った機能です

ただし今はまだ表示できるだけ
Canvas からの出力で image/avif を指定しても対応してないです
WebP みたいにブラウザ上で作れるともっと身近になるのですけどね

あとライブドアブログは対応してないので 手元で AVIF 画像で管理していてもページに貼り付けるときは JPEG/PNG に変換するしかないです
WebP すら対応してないのであまり期待はできないです
この辺はそろそろどうにかしてほしいところです

ところで AVIF より新しい形式に JPEG XL というのもあるそうです
JPEG という名前の時点で悪いイメージしか無いですし使おうと思いません (一応性能的には AVIF よりも上という情報も見かけます)
AVIF のときは WebP より AVIF がいいなと思いましたが JPEG XL は別にいいかなってところです
それに Chrome は以前 JPEG XL を実験的にサポートしていたものの現在ではサポートをやめたそうです
AVIF で良さそうですね
DevTools が日本語だとコマンドが辛すぎる
もう結構前からですが Edge で DevTools を起動すると日本語になってます
Chrome では上の方に日本語にもできますよって通知が出るだけでデフォルトは英語です

以前は英語に戻してましたが 環境ごとに毎回設定変更は面倒なので最近はそのままのことも増えました
ボタンなどの場所は変わらないので ネットで見かけた設定等を試す時以外は日本語でも困ってなかったです……が コマンドを使うと辛かったです

Ctrl-Shift-P で出るやつです
VSCode と同じ感じ

ここも日本語になってるので コマンドを日本語で打たないといけないです
選択肢の候補すら日本語です
漢字に変換しないと出てこないですし ひらがなカタカナも区別されています

最終的なコマンドが日本語なのは別にいいとしても フィルタして選択肢を出すところでは 元の英語版のコマンドからも検索してほしいですし ひらがなでカタカナと漢字も検索してほしいです
Microsoft あるあるかもですが必要以上のローカライズって不便になるだけだと思うんですよね
Edge が PDF の表示に Adobe のエンジンを使うらしい
やめてほしい

Adobe 製品は入れたくないし入れてほしくない
IE の頃の使いづらい PDF 表示みたいになるようにしか思えない

せっかくウェブで快適に PDF を見れるエンジンが Chrome に搭載されてるのに Adobe のエンジンなんていれなくていいよ
なんのためにそんな余計なことをするの
無効にできるならいいけどできないなら PDF を開くために Chrome 入れるみたいなことが必要になってすごく面倒になる
Edge で履歴一覧を取得する
標準の履歴画面だとエクスポート機能は無い
検索はあるけど 「http://」 で http のサイト一覧が出ることはなく全件ヒットみたいな動き
単純に URL に入力内容が含まれるかではなく色々内部でやってそう
一応クオートで囲めばそれっぽくはなったけど 生のデータをもとに自分でフィルタ処理をしたい

履歴画面で devtools を開いてみたけど localStorage とかには保存されてない
ソースコードを見ると chrome.send で Edge 側で用意した非公開 API を呼び出してそう

これを無理に使うよりは拡張機能の機能で取得したほうが楽そうなので拡張機能を使う

適当なフォルダに manifest.json を準備

{
"manifest_version": 3,
"name": "popup",
"version": "1.0",
"action": {
"default_popup": "popup.html"
},
"permissions": ["history"]
}

同じフォルダに popup.html もつくる

<h1>popup</h1>

「edge://extensions/」 を開いて 開発者モードを有効にして このフォルダを選択
ボタンが追加されてるのでそれをクリックしてポップアップウィンドウを開く
ポップアップウィンドウで devtools を開く
あとは この devtools のコンソールで

const items = await chrome.history.search({ startTime: 0, maxResults: 10000, text: "" })

items.filter(item => item.url.includes("http://"))
.map(item => `${new Date(item.lastVisitTime).toLocaleString()} ${item.url} ${item.title}`)

みたいな感じで好きにフィルタできる
text は必須なので空文字を入れて絞り込みせずに持ってきて 配列の filter メソッドで処理してる

JavaScript で自由に処理できるので CSV 形式で保存なども簡単にできる
Edge のプライベートモード中のコピーは履歴に残らない
Edge でプライベートウィンドウを使ってその中でテキストをコピーすると クリップボードにはコピーされるのですが Win-V で使えるクリップボードの履歴には残りません
プライベートウィンドウなので気を使ってそういうことをしてるのでしょうが 余計な機能で迷惑です
履歴に残ってるからとプライベートウィンドウを閉じてから残ってないことに気づきました……

Chrome ならそんな余計なことはしないのですけどね

ググるとこの事象でバグ報告してる人がいました
ただ回避方法は見当たらないので Chrome を使うしか無いようです

Win-V のクリップボード履歴は標準で使えるのがメリットで 機能的にはかなり不足してると思うので ブラウザを Chrome にするよりも別のクリップボード管理ツールを入れるほうがいいかもしれません
Chrome 106 で自己署名証明書の https 接続がエラーになる
また Chrome が改悪しました
自己署名の証明書を使ってローカルネットワーク内のサーバにアクセスしていたのですが 急にエラーがでるようになりました

証明書期限やサーバとクライアントの時間を確認しましたが問題なしです
バージョンは 106 からですが アップデート直後には問題なかったと思うので マイナーアップデートのどこからかだと思います
107 が来ていたのでアップデートしましたが改善しません
エラー内容はいつもの無効な証明書エラーと少し違っていて 無視して続行するボタンが出ません
同バージョンの Chrome で証明書とドメインが一致しないようにして適当なサイトに繋いでみるとこれまでどおりのエラー画面なので 原因がなにか違うようです

Edge で試してみると 107 でもエラーはなく正常として扱われます

Chrome はこういう仕様変更をたまにするのが嫌なんですよね
変に古いページの互換性にこだわって JavaScript などの仕様は変えないのにこういうところでは普通に破壊的変更をしてきます
Edge では起きてないですし もう全部 Edge に移そうかとも思うほど
ただ Edge は Edge で余計なことをするところもあるので 迷う部分もあります

設定でホワイトリスト登録したドメインは証明書エラーを無視とかできるといいのですけどね

一応ググった感じは同様の報告はありました
https://support.google.com/chrome/thread/184774585/with-the-latest-106-0-5249-119-chrome-update-our-internal-ssl-site-gets-a-privacy-error
Edge を更新してないと Bing がすごく重い
Google で検索したりその他のページを見るのはすごく高速だけどなぜか Bing の検索だけ異常に重い
気になるのはしばらく更新してなくて 更新のアイコンが赤色になってる
わざと検索を重くすることで再起動を促そうとしてる?

そんなことするくらいならポップアップ通知とか出してくれればいいのに
Edge の不便なところ
Chrome を入れずデフォルトの Edge だけにしてる PC が増えてきて Edge の使用が増えてきました
同じ Chromium 系なのでそんなに困らず タブをサイドバーにできるなど Chrome より良い部分もあります
しかし 悪い部分もあります

◯ 翻訳
英語サイトを見ることが多いので 私にとってはブラウザの翻訳機能は必須レベルです
一応 Edge にもページを翻訳する機能はついています
しかし Google 翻訳や DeepL に比べて翻訳品質はとても悪いです
そもそも Microsoft 公式サイトのドキュメントですら機械翻訳の怪しい日本語ですし

例えばこのページ
「ブラウザーでMicrosoft 翻訳ツールをMicrosoft Edgeする」
意味がわかりません
ちなみに原文は→ 「Use Microsoft Translator in Microsoft Edge browser」

さらに問題なのが 翻訳後に原文を表示すると原文が表示されません
一見すると原文ですが文字の順序が置き換わっています
わかりやすいのが code タグで強調表示されている部分です
code タグの中身がすべて段落の最後に移動しています
正しい原文を見るにはページをリロードするしかないです
原文と翻訳文を切り替えながら読むという使い方は実質できないと言って良いです

◯ Bing がデフォルト検索エンジン
Microsoft なので検索エンジンのデフォルトが Bing です
なんでここまでひどいのかってくらいに使いづらく検索結果も使えないのばかり出てきます
Microsoft 製品を調べたときでも公式サイトよりもよくわからないサイトが上に出たりしますし

DuckDuckGo のほうがはるかにマシです
というか Google に近くクオリティが高いですが そんな簡単に Google レベルのが作れるのでしょうか
Yahoo みたいに内部は Google エンジンで 間に入って個人情報が渡らないようにしてるだけとか?
デフォルト検索エンジンの設定は変えられますが PC ごとに毎回変えないといけないのは面倒です

パッと思いつくのはこれくらいなので 翻訳だけどうにかしてくれたらもう Chrome は入れなくてもよくなりそうです
Edge の devtools を英語に戻す
Chrome が入ってない環境を使ったとき Edge があるし これでいいかと使ってました
なんとなく devtools を開くと……

edgedevtools01

日本語
違和感しかないです
そういえば Edge では devtools もローカライズするとか言う話ありましたっけ

日本語である必要がないですし 特にタブのところみたいなカタカナで並ぶようならもう英語でいいよって思うんです
devtools みたいなところの詳しい情報は基本英語で書かれてるので 自分の画面が日本語になってると対応するところを探す余計な手間が入って困ります
ググるときにも日本語名でググっても大した情報が出ないですし

英語に戻そうと思ったもののこれまで devtools の言語設定なんて見たことがないです
どこから戻せるのか調べてみました

Edge では設定画面に言語関係の設定が追加されていました
devtools 上で F1 キーを押して設定画面を出すと一番最初にあります

edgedevtools02

「ブラウザーの言語に合わせる」のチェックを外します
すると自動で devtools が自動で再起動して 再起動後にはいつもの英語版に戻っています
Edge の垂直タブが良さそう
Edge に垂直タブが実装されたと聞いて すぐに試せる dev 版を使ってみました
タブエリアの左端にボタンが増えていて 押すとタブの位置が 上と左で切り替わります
Chrome の上タブはタブが増えるとどれがどれかすぐわからなくなるので 縦に並んでくれるのは嬉しいです

ただタブを左に持ってくるとタイトルバーがスッキリしすぎて場所がもったいなく感じます
Vivaldi で垂直タブを使った場合と同じなのですが 開いてるページのタイトルが真ん中に出るだけです
タイトルは別に表示しなくていいので VSCode のメニューバーみたいな感じで 最小化や閉じるボタンと同じ段に拡張機能などのボタンを持ってきたり URL の表示を持ってきたりしてほしいです
edge://surf
Edge で edge://surf を開くとゲームができる
Chrome の chrome://dino みたいな感じの隠し機能?



以上の内容はhttps://let.blog.jp/tag/Edgeより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14