仅在某些屏幕分辨率下包含 php 文件答案

【问题标题】：include php file only at certain screen resolutions仅在某些屏幕分辨率下包含 php 文件
【发布时间】：2013-04-23 15:04:43
【问题描述】：

我在响应式设计方面遇到了 AdSense 问题。我发现的一种解决方案是，如果窗口大小不够大，则根本不加载它们。所以我想我会用广告代码、容器等创建一个单独的 php 文件，然后将其包含在页面上。但是，如果窗口宽度为 720 像素或以上，我不知道如何仅包含此文件，否则不包含此文件。也许，javascript 可以以某种方式使用，但不确定它如何与所有 dom 和 php 一起使用。

【问题讨论】：

PHP 无法单独执行此操作，因为它是服务器端，您认为需要使用 Javascript 是正确的。您需要将分辨率传递给 PHP 文件，如果您希望它显示广告，您可以使用 Ajax 根据 PHP 脚本的回调来显示它们。

标签： php javascript jquery

【解决方案1】：

你可以试试这样的：

<script language=javascript>
    if (screen.width >= 720 ) 
         $('#place_holder_div').load('file_from_server.php');
</script>

这里的#place_holder_div 是您的html 文件中的一个div。语法是Jquery，当然如果你愿意，你也可以使用纯javascript。代码查看屏幕宽度，如果大于 720 像素，则将 php 文件 file_from_server.php（将包含您的广告）加载到占位符 div 中。

【讨论】：

如果 Adsense 是基于展示次数而不是点击次数来工作的，您是否知道 google 是否会将其注册为展示次数，因为只有在实际页面加载后才将带有广告的文件放在那里，即javascript？

【解决方案2】：

了解客户端窗口或屏幕大小的唯一方法是使用 JavaScript。

window.innerHeight; // Available height of the browser for the document
window.innerWidth; // Available width of the browser for the document
window.outerHeight; // Browser height
window.outerWidth; // Browser width
window.screen.height; // Screen height
window.screen.width; // Screen width

检查完这些后，您可以对相关文件发出 HTTP 请求。然而，这可能不是最好的解决方案，因为用户实际上可以在任何给定时间更改上述任何尺寸。

【讨论】：