HTML：在移动站点中解析、分析和重构

Question

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

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

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

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

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

Answer 1

在我看来，他们只是去掉了大部分 css 并用更适合移动设备且图形密集度较低的 css 取而代之。它似乎也在导航中选择奇怪的链接来制作顶部链接，所以那里有某种算法（我网站的顶部链接都是我在移动设备上拥有的所有链接）。

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

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

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

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