gpt4 book ai didi

HTML : Parse, 移动端解析重构

转载 作者:行者123 更新时间:2023-11-28 03:41:05 24 4
gpt4 key购买 nike

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

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

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

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

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

最佳答案

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

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

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

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

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

关于HTML : Parse, 移动端解析重构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10967035/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com