html - htmldomツリーとそのcssスタイルをトラバースします

Question

Webページをさまざまな画面デバイスに適合させる方法を探しています。

私の考えは、クライアントブラウザによって要求されたページの新しいDOMツリーとCSSスタイルを返すプロキシサーバーを構築することです。

1. プロキシサーバー（node.js？）でjavascriptを実行して、domノードツリーを分析できますか？
2. 他の方法はありますか？

ありがとう！

Answer 1

さまざまなデバイスに適応させたいWebページを管理していますか？

その場合、ページにさまざまなCSSスタイルシートを記述し、メディアクエリを使用してさまざまな画面サイズのデバイスに適用できます。

• https://developer.mozilla.org/en-US/docs/CSS/Media_queries
• http://msdn.microsoft.com/en-us/magazine/gg619395.aspx
• http://www.alistapart.com/articles/sensitive-web-design/

編集：あなたはウェブページを管理していないので、私はある種のプロキシサーバーが行く方法だと思います。

しかし、ほとんどのWebページでうまく機能するものを構築することは、大変な仕事のように思えます。

サーバー上のDOMを検査するために、node.jsは正常に機能すると思います（ノードの経験があまりないので、100％ではありません）が、ほとんどの言語には、次のことを可能にするライブラリ（またはいくつか）があります。 HTMLをテキストとして提供し、そのDOM表現を取得します。たとえば、Pythonにはlxml、BeautifulSoupなどがあります。

トリッキーな点は、ランダムページのDOMを変更して、携帯電話での表示を改善する方法を自動的に理解することです。特定のDOMノードにどのスタイルが適用されるかを理解するのに役立つライブラリはありません。これは、ブラウザが行うWebページをレンダリングするときにのみ関連するためです。