Javascript Laravel-仅当屏幕大小>;768px

Javascript Laravel-仅当屏幕大小>;768px,javascript,php,laravel,google-dfp,Javascript,Php,Laravel,Google Dfp,我有一个棘手的情况,我需要在手机上移动我的谷歌广告。我发现最好的方法是使用@include调用它们,但前提是满足特定的屏幕大小条件 我认为下面的方法可行 @if($screensize < 768px) @include('partials.my-advert') @endif @if($screensize

我有一个棘手的情况,我需要在手机上移动我的谷歌广告。我发现最好的方法是使用@include调用它们,但前提是满足特定的屏幕大小条件

我认为下面的方法可行

@if($screensize < 768px)
  @include('partials.my-advert')
@endif
@if($screensize<768px)
@包括('partials.my advert')
@恩迪夫

所以我的问题是如何将屏幕大小转换成PHP?我可以通过JS使用
$(window.width())获得屏幕大小但是我如何在Laravel if语句中使用这个值呢?

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

这就是为什么今天,鼓励的反而是。即使是这样

响应式设计不需要后端了解有关客户端的任何信息,就可以在页面上正确呈现内容。相反,客户机对如何在客户机UA上呈现内容不做任何假设,并允许高级CSS和JS直接和响应地处理呈现。这意味着,无论屏幕大小如何,您的内容都不会有所不同


是一个这样的前端框架,利用响应式设计。还有一种方法,它具有响应性。

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

这就是为什么今天,鼓励的反而是。即使是这样

响应式设计不需要后端了解有关客户端的任何信息,就可以在页面上正确呈现内容。相反,客户机对如何在客户机UA上呈现内容不做任何假设,并允许高级CSS和JS直接和响应地处理呈现。这意味着,无论屏幕大小如何,您的内容都不会有所不同


是一个这样的前端框架,利用响应式设计。还有一个,它具有响应性。

您不能用PHP检测屏幕大小,但也可以检测代理。有一个可以轻松检测代理的应用程序,它可以让您检测请求是否来自台式机/平板电脑/移动设备

要通过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'));
然后在您的视图中,您可以检查代理是否属于某个移动电话

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

您不能用PHP检测屏幕大小,但也可以检测代理。有一个可以轻松检测代理的应用程序,它可以让您检测请求是否来自台式机/平板电脑/移动设备

要通过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'));
然后在您的视图中,您可以检查代理是否属于某个移动电话

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

你不能。如果你需要根据屏幕大小来定位某个东西,我会使用CSS媒体查询。我首先尝试了,但谷歌广告没有识别隐藏广告的CSS:(什么是“laravel If语句”?与传统观点相反,我说这是一个好问题。我有一个复杂的设计要求,需要这样做-实际上(或完全)是这样的单靠媒体查询是不可能解决的,我也需要服务器知道屏幕大小,并相应地生成各种HTML。你不能。如果你需要根据屏幕大小定位某些内容,我会使用CSS媒体查询。我先尝试了一下,但谷歌广告无法识别隐藏广告的CSS:(什么是“laravel If语句”?与传统观点相反,我认为这是一个好问题。我有一个复杂的设计要求,它要求这样做——实际上(或完全)单靠媒体查询是不可能解决的,我也需要服务器知道屏幕大小,并相应地生成各种HTML。是的,我正在使用上述所有内容,只是发现这是我唯一能想到的根据屏幕大小改变谷歌广告位置的方法。我想你把内容呈现与内容混淆了。如果你事实上,如果使用响应式设计,你会知道页面内容的放置是CSS的责任,而不是HTML。你从未见过吗?谢谢,但这只是一个CSS不是选项的例子。你误解了这个问题。相信我,如果我能在这里使用CSS,这将是我的第一选择。PS,你为什么说CSS是用来放置内容的吗?我用它来设置内容的样式。我用HTML来放置内容。在这种情况下,我也不同意传统的观点。我也有一个边缘案例,单凭媒体查询无法合理地解决。我尝试了很长时间,但没有办法。是的,我知道设计可能有点奇怪(我说边缘案例)但我不能仅仅改变这种设计。我需要客户端屏幕大小检测,并通过AJAX将其传递给服务器。是的,我正在使用上述所有功能,只是发现这是我唯一能想到的根据屏幕大小改变谷歌广告位置的方法。我想你把内容呈现与内容混淆了。如果你在事实使用响应式设计你会知道,在页面上放置内容是CSS的责任,而不是HTML