Question

我做了我的网站的响应式vesrion我有图像（或网站大小）的问题。在“pc”版本中我有图像，让我们说设计图像。

在移动版本中，我设置为此元素显示：无，我不需要在移动版本中使用此图形内容。

当我在小窗口中打开PC浏览器（Firefox，Chrome）中的页面时（比如500px宽），我看到了一些像手机一样优秀的东西。当我查看开发工具时，我看到所有图像（包括图像显示：无或背景：没有用于此重新污染）已下载。

问题：是否可以仅下载此分辨率所需的图像？当我更改窗口大小时，其他图像将开始下载（这不是正常的用户行为，普通用户有任何大小的窗口/视口，并且在查看网站期间不会更改。当他们尝试时，如有必要，他们会等待一些新图片吗？

感谢。

Answer 1

看看this PHP class。由于您的页面已经过解析并从服务器完整地发送到桌面，因此您的PHP可以过滤掉移动设备是否正在查看页面并防止发送不需要的代码（以及随后通过该代码加载的对象 - 如图像）。 p>

This page有一套很好的示例/用例，可让您了解如何构建代码。

PHP真实世界示例

<?php
  include 'Mobile_Detect.php';
  $device = new Mobile_Detect;
  if ($device->isMobile()) {
    $images = FALSE;
  }
?>

^这是一个包含文件所有页面访问

<article>
  <header>
    <section id="author-name">
      <?php print $author_name ?>
    </section>
    <section id="author-img">
      <?php if($images): ?><img src="http://example.com/image.jpg" /><? endif; ?>
    </section>
  </header>
  <content class="article">
    <?php if($images): ?><img src="http://example.com/article1.png" class="article" /><? endif; ?>
    <h2 class="title article">Article Title</h2>
    <p class="content article">Blah blah blah blah blah article stuff</p>
  </content>
</article>

移动版下载的图像数量超出了必要的

1 个答案:

PHP真实世界示例