2

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

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

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

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

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

4

1 回答 1

0

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

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

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

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

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

于 2012-08-22T15:26:54.110 回答