2013-06-27 8 views
8

CSSとjavascriptを使用してHTML5 Webページを開発する場合、Chrome Developer ToolsのようなDOMインスペクタが、どのCSSスタイルがウェブページ上のどのHTML5要素に適用されているかを根本原因にするのに非常に役立ちます。インターフェイスを使用すると、左側の実際のレイアウトとDOMを表示し、その時点でCSSがページに動的に適用されます。AndroidネイティブレイアウトのDOMインスペクタに相当するものはありますか?

私の質問です - Androidアプリケーションの場合と同様のツールはありますか?どのXMLスタイルがアクティビティやアプリケーションのどの要素に適用されているのかを特定する方法はありますか?これは、アプリケーションの「デフォルト」styles.xmlを見る際に特に役立ちます。

アクティビティの各要素にどのようなスタイルが適用されているか把握するのに役立つツールはありますか?

答えて

2

Androidは、ビューの作成後にスタイリング情報を保持しません。あなたが使用できる最も近いものは、HierarchyViewerというツールです。あなたはまた、生産デバイス上HierarchyViewerを使用できるようにhttp://github.com/romainguy/ViewServerをチェックアウトする必要がありますhttp://developer.android.com/tools/debugging/debugging-ui.html

+0

非常にクール:あなたはここで、このツールについての詳細を学ぶことができます(私たちは、この要件は廃止することを計画。)。いくつかのフィードバック - HierarchyViewerを実行すると、スタンドアロンツールが廃止され、モニタに置き換えられたというメッセージが表示されました。私はその後、モニターを開き、Hierarchyのパースペクティブに行きましたが、すぐにエラーを受け取りました "デバイスからサーバーバージョンを表示できません\ nデバイスからサーバープロトコルバージョンを表示できません\ nデバイスをデバッグできません:samsung-nexus_10"なぜそれが事実だろうか?おそらく高度な制限? (私はAndroidスタジオでデバッグ経由でデプロイされたアプリケーションで動作しています) – CrimsonX

+0

また、階層ビューよりも少し制限されていますが、今日はプロダクションデバイスを変更せずにプロダクションデバイスで動作する** 'uiautomatorviewer' ** 'ViewServer'を含むソースコードです。 http://developer.android.com/tools/testing/testing_ui.html#uianalysis上記のコメントの問題に関しては、Romainが指摘したように、プロジェクトに 'ViewServer'を追加しない限り、ハードウェア上でHierarchy Viewを使用することはできません。 – CommonsWare

+0

ViewServerをダウンロードしたので、自分のプロジェクトにクラスを追加し、ソースコードで説明したように使用する必要があることを理解していると思います。もともと私はあなたの声明が "... HierarchyViewerを本番デバイスで使用できるようにする"とは、USBデバッグを有効にしたデバイスで使用できるということを意味していました。 – CrimsonX

関連する問題