コードバーのアプリがクロムの点検員に表示されない

Question

2日前に何も起こらなかった、最も奇妙な問題があります。あまりにも悪化しているようだ。私は私のコード・アプリを開発するために私の家のコンピュータに日常的に遠隔にいる。私のコンピュータには、テスト用のSamsungの電話が接続されています。私のアプリを電話にコンパイルした後、Chromeのインスペクタを起動してアプリを見て、デバッグ、UI開発などを行います。

私は3ヶ月間この設定を行っています。約2日前に私のアプリケーションをコンパイルするときに、クロム・インスペクタは空白を表示しているだけで、プロジェクト/ index.htmlファイルがロードされたと表示されますが、すべてが空白です。リソースも要素もない...何もない。しかし、私がコンパイルしてデバイスにデプロイすると、Chromeの「アプリ名」が消えてから再表示されて見えます。「アプリ名」をクリックしてインスペクタで開きます。だからChromeはそれが展開されているのを見ますが、インスペクタはまったく空白です。

再コンパイルして再デプロイしてから、再び動作します。しかし、最近では、空白を再度表示して再コンパイル/再デプロイした後も、何が原因で起こったのか分かりません。アップデートやプラグインの変更はしませんでした。これがすべて始まったとき、文字通りCSSの値をテストしていました。 Google検索でこの問題の参照が見つからないようです。

誰でもこれまでに見たことがありますか？

Answer 1

私は私がことがわかった研究をいくつかの時間後に同じ問題を抱えていた：

あなたはリリースAPKをデバッグすることはできません！

あなただけdebug APK

for more ref

Answer 2

を使用することができます問題は、イオンモーダルまたはポップオーバーのCSSスタイルを使用していることが判明しました。具体的には、border-radius:1pxを使用します。定義されている場合、Chrome InspectorのウェブUI部分はブラックアウトします。したがって、Chrome Inspectorを使用してアプリの開発をトラブルシューティングするには、最終的なアプリを配備する準備が整うまで、そのCSSスタイルを無効にする必要があります。

ただし、その後2週間ほどでChromeがこの問題を解決したようです。 border-radiusをIonic ModalまたはPopoverと共に使用すると、下隅に半径が適用されていることがわかりますが、上隅は正方形です。 Chromeの問題の解決方法は、Chrome Inspectorでレンダリングするための上端の半径を単に削除することでした。