与移动友好网站或相关的混淆

Question

我读到某个地方，一旦你登录这里（http://skweezer.com/）并放入网站网址，我们就可以了解该网站在移动浏览器上的显示方式。我试着得到这个网址（http://sachindra149.wordpress.com/）并且很困惑地看到它的样子。

1）任何人都可以让我知道为什么会这样？

2）为什么会出现如此重大的差异？

3）还有什么需要做的......

记住一件事我没有控制页面的网页代码，因为它是一个博客...... 希望我足够清楚!!!!!!!!

Answer 1

看起来它只是将页面转储到文本。这不是移动浏览器最近做什么的现实观点。除非您明确开发低端和旧移动设备的网站，否则不要担心。

如果您正在为此类设备开发网站，请：

• 不要使用通常的博客托管，这不会给你很多控制权
• 避免使用表格数据
• 避免使用chrome（大型导航，任何非主要内容）
• 保持内容简洁和重点
• 测试真实移动设备而非第三方仿真器

Answer 2

首先，它并没有它看起来那么糟糕。移动设备的资源非常有限，但今天它们要好得多。

您在skweezer.com上看到的只是没有CSS样式，表格和其他复杂HTML的原始文本。这样，网站加载的速度更快（！），您只传输一小部分数据。您的原始网站需要320KB，skweezer版本需要50KB - 不到1/6。移动浏览变得更快，更便宜，但它仍然比在桌面上慢很多，也更昂贵。

关于你能做些什么：不多。您可以选择针对移动设备进行优化的设计，但要知道它看起来有多好，您需要访问您网站的所有移动设备。我建议依靠Wordpress设计师的经验。在大多数移动设备上，您的网站看起来确实更好。

Answer 3

我更喜欢在真实设备上查看它们。

如果设备有限制，

this之类的Chrome扩展程序可以帮助您在不同的屏幕尺寸上浏览您的网站。