遍历html dom树及其css样式

Question

我正在寻找一种方法来调整各种屏幕设备的网页。

我的想法是构建一个代理服务器，以返回客户端浏览器请求的页面的新dom树和CSS样式。

1. 我可以在代理服务器（node.js？）上运行javascript来分析dom节点树吗？
2. 还有其他方法吗？

谢谢！

Answer 1

您是否可以控制要适应不同设备的网页？

如果是这样，您可以为页面编写不同的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/responsive-web-design/

编辑：，因为您无法控制网页，我想某种代理服务器是可行的方式。

构建一个适用于大多数网页的方法听起来像是一项巨大的工作。

要检查服务器上的DOM，我想node.js可以正常工作（我没有太多的节点经验，所以我不是100％），但大多数语言都有一个库（或几个）允许您将HTML作为文本提供，并获取它的DOM表示。例如，Python有lxml，Beautiful Soup等。

棘手的一点是自动确定如何更改随机页面的DOM以使其在手机上更好地显示。我不知道有哪些库可以帮助你弄清楚哪些样式适用于给定的DOM节点，因为只有在你渲染网页时才会变得相关，这就是浏览器的作用。