Laravel

Question

我遇到了一个棘手的问题，我需要在移动设备上移动我的 Google 广告。我发现最好的方法是使用 @include 调用它们，但前提是满足某些屏幕尺寸条件。

我认为以下方法可行

@if($screensize < 768px)
  @include('partials.my-advert')
@endif

所以我的问题是如何将屏幕尺寸设置为 PHP？我可以使用 $(window).width(); 通过 JS 获取屏幕尺寸，但是如何在 Laravel if 语句中使用此值？

Answer 1

尝试这样做绝对没有意义，因为整个方法都过时了。当然，您可以将 javascript 中的 $(window).width() 从客户端传回 PHP 中的服务器，但是如果用户调整其 window 的大小会发生什么？

响应式设计不需要后端知道任何关于客户端的信息就可以在页面上正确呈现内容。相反，客户端不对内容在客户端 UA 上的渲染方式做出任何假设，并允许高级 CSS 和 JS 直接响应式地处理渲染。意思是，无论屏幕大小如何，您的内容都不会有所不同。

Bootstrap is one such front-end framework that makes use of responsive design. There's also the Material design, which has many implementations 也有响应。

Answer 2

您无法使用 PHP 检测屏幕尺寸，但您可以检测代理。有一个 package，它可以轻松检测代理，它可以让您检测请求是否来自 desktop/tablet/mobile。

要通过 composer 安装它，您可以运行下面的命令。

$ composer require jenssegers/agent

然后将服务提供商添加到文件 config/app.php.

中的提供商密钥

Jenssegers\Agent\AgentServiceProvider::class

此外，将代理别名添加到别名键，

'Agent' => Jenssegers\Agent\Facades\Agent::class

最后，将代理变量从您的控制器传递给视图。

$agent = new Agent();
return view('some.view', compact('agent'));

然后在您的视图中，您可以检查代理是否属于某个手机phone。

@if($agent->isMobile())
  @include('partials.my-advert')
@endif

Laravel - 仅当屏幕尺寸 > 768px 时包含文件