将非mobi网站安装到移动浏览器

Question

我有一个小型项目，有一个官僚组织，我需要根据他们网站上的数据创建一个移动应用程序。该网站未针对手机进行优化，用户极难从其小工具中使用该网站。该项目的目的是以方便的视图提供信息并简化用户的工作流程（实际上，我需要创建3个按钮/链接，当用户按下按钮时，他/她可以看到一些信息）。

第一个按钮很容易开发，因为它应该只显示为每个人共享的公司新闻。获取此数据有很多机会，其中一个是获取页面源和解析标记。

但是，另外两个按钮是一项相当艰巨的任务，因为要为他们获取数据，用户应该登录...尽管该公司非常官僚，但该网站是由一些外包组织制作的，所以他们和我都没有访问数据库和站点源。

我试图找出POST请求的类型（记录tcp-dump），但当然它是编码的。我相信有一个更简单的解决方案，但我找不到它，需要你的帮助。不幸的是，我不是网络开发人员，也不了解网络技术的资源......

请您告诉我，是否可以根据浏览器制作某种能够动态设计网页的包装器？例如，当用户按下这两个按钮中的一个时，我会显示自定义登录屏幕（公司网站的自定义登录屏幕，我实际上删除了所有设计并使输入字段和按钮更大），用户提供详细信息，按登录按钮和我显示报告的自定义视图（删除所有不必要的东西等）

换句话说，想象一下，您将登录到您的gmail帐户，自定义登录页面的设计

使用Chrome的元素检查器进行一些操作后，您可以得到类似的内容

虽然网页已被修改，但如果我按＆＃34;登录＆＃34;按钮我仍然可以登录我的帐户。如何为我的Android应用程序获取/开发类似的工具？

也许您有更好的解决方案，请不要犹豫:)如果我对问题的解释不明确，请告诉我，我会添加更多信息。

谢谢！

Answer 1

没有人回答的原因可能是因为你的问题不清楚。 你有权访问代码吗？如果是这样，为什么不直接插入一个css文件的链接，在该文件中根据访问者浏览器的大小不同地设置元素的样式？ 您可以使用媒体查询执行此操作。只有当访问者浏览器/屏幕大小低于或高于某个值时，才可以使用它们来触发css的某些部分。使用它们为智能手机，平板电脑，上网本，台式机等提供不同的CSS。在这里你可以看到一些很好的例子：Example of various media queries for responsive web design.

我希望这能以某种方式帮助你。