HTML : Parse, 移动端解析重构

Question

我正在为我的 CS 课做一个学校项目，我们要找到一个我们感兴趣的应用程序并弄清楚它是如何工作的。 我选择了 dudamobile.com 上的技术

该应用获取一个 URL，然后将网站的桌面版转换为移动版。

我想我对它的工作原理有基本的了解....

1. 清理 HTML
2. 解析 HTML 并寻找关键标签
3. 在变量中存储关键标签
4. 将变量应用于预制的移动 HTML 模板
5. 插入自定义 CSS 以适应移动设备

这是一个相当高层次的分析，我的问题是我可以使用哪些特定工具来为我的项目创建类似的东西？您认为我的分析是否正确？

Answer 1

在我看来，他们似乎去掉了大部分 CSS，并用对移动设备更友好且图形密集程度更低的 CSS 取而代之。它还似乎在导航中选择奇怪的链接来制作顶部链接，所以那里有某种算法(我网站的顶部链接都是我在移动设备上的所有链接)。

我会首先对网站使用的 css 文件做一些技巧，去除背景图像，将一定宽度的图像更改为 block 级元素，更改字体大小等，直到你让它看起来更像一个简单的布局，然后添加您认为合适的其他移动元素(尽管在不缩放的情况下使其可读可能是最重要的)。

如果站点使用 html5，您可以将不同的 css 规则应用于导航部分，使其成为链接列表并将其移至顶部。

不要指望它是一个完美的交叉，除非该网站相当简单。

您需要一种后端技术来检索和解析 .css 文件以重新提供它。我会建议您使用任何您喜欢的语言。我在 PHP 方面没有太多经验，但我相信它非常适合该应用程序。