[CEF125+] Fix DevTools to popup #221

HashidaTKS · 2024-07-09T04:43:52Z

Which issue(s) this PR fixes:

What this PR does / why we need it:

DevTools doesn't popup and is fixed on a current tab window when we use Chrome bootstrap and Alloy runtime style.

FYI:
chromiumembedded/cef#3685
https://cef-builds.spotifycdn.com/docs/120.1/classCefLifeSpanHandler.html#a42d853d18238d79d2b17d04277bd636a
https://magpcss.org/ceforum/viewtopic.php?f=6&t=19792&p=55334&hilit=Devtools+SetAsPopup#p55334

Known Issues

These are known issues.
They will be fixed after this PR.

DevTools icon is Chromium icon
- [CEF125+]Fix DevTools icon #224
[DevTools][Network]: Open in new tab opens two window
- [CEF126+][DevTools][Network] Open in new tab opens two window #223
[DevTools][Network]: Chronos crashes when trying to save network log (.har file)
- This is an issue of CEF126, is fixed on CEF127.

How to verify the fixed issue:

Open DevTools by Help->About->Show Developer Tools.
- Confirm that DevTools popups.

DevTools doesn't popup and is fixed on a current tab window when we use Chrome bootstrap and Alloy runtime style.

HashidaTKS · 2024-07-09T04:45:15Z

現状の実装でも動きはするのだが、上記のようにChromiumアイコンのまま起動してしまう。

HashidaTKS · 2024-07-09T07:30:36Z

@ashie
@kenhys
@yashirot

実装は無視していただいて、 #221 (comment) のようにDevToolsがChromeのアイコンで表示されるようになることについて、これで問題ないと思うか、問題ありと思うか意見をいただけませんか？
私はChronosのアイコンが使われるようにした方が良いと思っています。
（ただ、その一方、CEF125+でこのDevToolsのアイコンを変更する方法が発見できていません。）

HashidaTKS · 2024-07-09T07:41:55Z

Cefのサンプルコードや、 https://magpcss.org/ceforum/viewtopic.php?f=6&t=19792&p=55334 の内容を元に色々試しているが、上手くいっていない。

chromiumembedded/cef#3685 にはChrome bootstrapとAlloy runtime styleについて、

DevTools popups are Chrome style only (cannot be windowless).

とあるので、従来のようなウィンドウレスでChronosのウィンドウに結合するような使い方はできなさそう。
そのため、Chrome styleのDevToolsウィンドウを起動し、その上でアイコンを変更するような対処が必要ではないかと考えている。

kenhys · 2024-07-09T07:45:55Z

私はChronosのアイコンが使われるようにした方が良いと思っています。

Chronosのアイコンが使われるようにするのに賛成です。

kenhys · 2024-07-09T07:49:15Z

ためしに.dllのリソースを直接ツールで置き換えるとかできないものだろうか。

ashie · 2024-07-09T08:11:30Z

私はChronosのアイコンが使われるようにした方が良いと思っています。（ただ、その一方、CEF125+でこのDevToolsのアイコンを変更する方法が発見できていません。）

簡単にできるならもちろんその方が良いですが、一方でやり方が分からないならそんなに労力をかけるようなところでもないかなと思います。
製品コンセプト的には一般ユーザーが使うものではなくてトラブルシューティング時に外形的な情報だけでは判断がつかない時にだけしょうがなく使うものなので、多少見栄えが悪くても問題ないと思います。

HashidaTKS · 2024-07-09T08:56:52Z

ためしに.dllのリソースを直接ツールで置き換えるとかできないものだろうか。

コメントありがとうございます。
Visual Studioでdllに含まれているイメージの変更ができるので試したのですが、8bitのイメージリソースの変更はサポートされていたのですが、32bitのリソースの変更がサポートされておらず、変更しての確認ができませんでした。。。
実際にこの方針で修正する場合は、CEFをセルフビルドする際にChronosのアイコンに差し替えてビルドするのが良いのではないかと思っています。

HashidaTKS · 2024-07-09T08:58:31Z

私はChronosのアイコンが使われるようにした方が良いと思っています。（ただ、その一方、CEF125+でこのDevToolsのアイコンを変更する方法が発見できていません。）

簡単にできるならもちろんその方が良いですが、一方でやり方が分からないならそんなに労力をかけるようなところでもないかなと思います。製品コンセプト的には一般ユーザーが使うものではなくてトラブルシューティング時に外形的な情報だけでは判断がつかない時にだけしょうがなく使うものなので、多少見栄えが悪くても問題ないと思います。

ありがとうございます。
そうですね、DevToolsなのでそこまで重要度は高くないということで、後2-3時間ほど見て解決方法がわからなければ、一旦この内容で（実装はもう少し調整して）レビュー依頼を出そうと考えています。

kenhys · 2024-07-09T09:01:42Z

実際にこの方針で修正する場合は、CEFをセルフビルドする際にChronosのアイコンに差し替えてビルドするのが良いのではないかと思っています。

そうですね、そちらのほうがよさそうです。

libcef.dllのアイコンを置き換えるだけならResourceHackerでもできた。

HashidaTKS · 2024-07-09T09:08:17Z

libcef.dllのアイコンを置き換えるだけならResourceHackerでもできた。

ありがとうございます。
CEFのリソースの方を変更できれば修正可能ということがわかり、良かったです。

HashidaTKS · 2024-07-09T09:55:34Z

判明している問題: NetworkやPerformanceのダウンロードをしようとするとクラッシュする。

HashidaTKS · 2024-07-10T01:14:24Z

判明している問題: NetworkやPerformanceのダウンロードをしようとするとクラッシュする。

検証時CEF126を使っていたが、beta版のCEF127で試したら直っていた。

HashidaTKS · 2024-07-10T01:16:20Z

chromiumembedded/cef#3724

これと同件と思われる。

yashirot · 2024-07-10T01:25:08Z

簡単にできるならもちろんその方が良いですが、一方でやり方が分からないならそんなに労力をかけるようなところでもないかなと思います。

同意見でした。

CEFのリソースの方を変更できれば修正可能ということがわかり、良かったです。

Chronosのアイコンでいけるみたいですね。異論ありません。

kenhys · 2024-07-10T02:35:45Z

https://github.com/chromium/chromium/tree/main/chrome/app/theme/chromium
たぶんこのあたりの.icoを置き換えたらよいのではないだろうか。(未検証)

HashidaTKS · 2024-07-10T03:06:56Z

そうですね、そのあたりの.icoを置き換えたらいけそうな気がします。

HashidaTKS · 2024-07-10T03:08:14Z

DevToolsからNetworkを表示して、左下の履歴から適当なURLを開こうとすると、Chronosで開くと同時にChromiumでも開いてしまう。

HashidaTKS · 2024-07-10T03:12:35Z

v14.1.119.1のDevToolsでは何も開かない。
"Open in new tab"を押しても何も開かないので、それはそれでどうなのか。

HashidaTKS · 2024-07-10T03:17:47Z

まあ、一旦は制限事項でで良いか。

HashidaTKS · 2024-07-10T07:56:00Z

DevToolsからNetworkを表示して、左下の履歴から適当なURLを開こうとすると、Chronosで開くと同時にChromiumでも開いてしまう。

これは #223 に起票した。

HashidaTKS · 2024-07-10T07:58:18Z

client_handler.cpp

+					  CefBrowserSettings& settings,
+					  CefRefPtr<CefDictionaryValue>& extra_info,
+					  bool* use_default_window)
+{


現状は実装が空なのだが、 https://github.com/ThinBridge/Chronos/pull/221/files#diff-62b66b5116e3e70c2a991899db0ba77b0bee41543e09a6aaf9b6e1f014f206f9R1564 で言及していることもあり、削除せずに空実装のまま残している。

HashidaTKS · 2024-07-10T07:59:34Z

https://github.com/chromium/chromium/tree/main/chrome/app/theme/chromium たぶんこのあたりの.icoを置き換えたらよいのではないだろうか。(未検証)

こちらは別のリポジトリでの対応が必要で、本PRでは対応できないため、次回使用するCEFのバージョンが決まった際に、チャレンジするタスクとして #224 を起票しました。

HashidaTKS · 2024-07-10T08:09:37Z

@kenhys @ashie

現状でDevToolsをポップアップとして起動することはできているので、レビューをお願いできないでしょうか？

Descriptionの方にも記載していますが

アイコンの変更は後のタスクとして [CEF125+]Fix DevTools icon #224 に起票しています。
DevToolsのNetworkタブで通信したファイルを新しいタブで開こうとすると、ChronosのタブとChromiumのウィンドウの二つが開く問題がありますが、これはCEFの問題と思われるので、CEFの方に報告しています。
- [CEF126+][DevTools][Network] Open in new tab opens two window #223
DevToolsのNetworkタブでHARファイルをダウンロードしようとするとクラッシュ問題がありますが、これはCEF126の問題で、CEF127以降を使えば問題ありません

Fix DevTools to popup

efbeb31

DevTools doesn't popup and is fixed on a current tab window when we use Chrome bootstrap and Alloy runtime style.

HashidaTKS requested review from yashirot, kenhys and ashie July 9, 2024 07:26

HashidaTKS mentioned this pull request Jul 10, 2024

[CEF126+][DevTools][Network] Open in new tab opens two window #223

Closed

HashidaTKS mentioned this pull request Jul 10, 2024

[CEF125+]Fix DevTools icon #224

Open

HashidaTKS commented Jul 10, 2024

View reviewed changes

HashidaTKS marked this pull request as ready for review July 10, 2024 08:19

ashie approved these changes Jul 10, 2024

View reviewed changes

Remove needless newlines

a93becb

HashidaTKS merged commit 245e840 into master Jul 10, 2024
3 checks passed

HashidaTKS deleted the fix-devtools branch July 10, 2024 08:28

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[CEF125+] Fix DevTools to popup #221

[CEF125+] Fix DevTools to popup #221

HashidaTKS commented Jul 9, 2024 •

edited

Loading

HashidaTKS commented Jul 9, 2024

HashidaTKS commented Jul 9, 2024 •

edited

Loading

HashidaTKS commented Jul 9, 2024 •

edited

Loading

kenhys commented Jul 9, 2024

kenhys commented Jul 9, 2024

ashie commented Jul 9, 2024

HashidaTKS commented Jul 9, 2024 •

edited

Loading

HashidaTKS commented Jul 9, 2024 •

edited

Loading

kenhys commented Jul 9, 2024

HashidaTKS commented Jul 9, 2024

HashidaTKS commented Jul 9, 2024

HashidaTKS commented Jul 10, 2024

HashidaTKS commented Jul 10, 2024

yashirot commented Jul 10, 2024

kenhys commented Jul 10, 2024

HashidaTKS commented Jul 10, 2024

HashidaTKS commented Jul 10, 2024

HashidaTKS commented Jul 10, 2024

HashidaTKS commented Jul 10, 2024

HashidaTKS commented Jul 10, 2024

HashidaTKS Jul 10, 2024

HashidaTKS commented Jul 10, 2024

HashidaTKS commented Jul 10, 2024

[CEF125+] Fix DevTools to popup #221

[CEF125+] Fix DevTools to popup #221

Conversation

HashidaTKS commented Jul 9, 2024 • edited Loading

Which issue(s) this PR fixes:

What this PR does / why we need it:

How to verify the fixed issue:

HashidaTKS commented Jul 9, 2024

HashidaTKS commented Jul 9, 2024 • edited Loading

HashidaTKS commented Jul 9, 2024 • edited Loading

kenhys commented Jul 9, 2024

kenhys commented Jul 9, 2024

ashie commented Jul 9, 2024

HashidaTKS commented Jul 9, 2024 • edited Loading

HashidaTKS commented Jul 9, 2024 • edited Loading

kenhys commented Jul 9, 2024

HashidaTKS commented Jul 9, 2024

HashidaTKS commented Jul 9, 2024

HashidaTKS commented Jul 10, 2024

HashidaTKS commented Jul 10, 2024

yashirot commented Jul 10, 2024

kenhys commented Jul 10, 2024

HashidaTKS commented Jul 10, 2024

HashidaTKS commented Jul 10, 2024

HashidaTKS commented Jul 10, 2024

HashidaTKS commented Jul 10, 2024

HashidaTKS commented Jul 10, 2024

HashidaTKS Jul 10, 2024

Choose a reason for hiding this comment

HashidaTKS commented Jul 10, 2024

HashidaTKS commented Jul 10, 2024

HashidaTKS commented Jul 9, 2024 •

edited

Loading

HashidaTKS commented Jul 9, 2024 •

edited

Loading

HashidaTKS commented Jul 9, 2024 •

edited

Loading

HashidaTKS commented Jul 9, 2024 •

edited

Loading

HashidaTKS commented Jul 9, 2024 •

edited

Loading