blocks|key|2761441|text|您可以在视图文件夹中创建两个文件夹mobile，desktop。这两个文件夹保存相同的视图(只有文件名)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2761442|├──+views
%7C+++├──+mobile
%7C+++%7C+++├──+main.blade.php
%7C+++└──+desktop
%7C+++++++├──+main.blade.php|code-block|syntax|javascript|2761443|然后，在控制器内部，您可以使用文件夹名在桌面视图和移动视图之间切换(或者添加更多的其他视图)。|2761444|您只需要通过PHP解析请求的设备。您可以使用这个项目：http://mobiledetect.net/来完成它。|2761445|现在，您的控制器看起来如下：|2761446|public+function+getIndex()+{
++++$detect+=+new+Mobile_Detect;

++++return+View::make(+($detect->isMobile()+?+'mobile'+:+'desktop')+.+'.your-view-name'+);
}|2761447|将($detect->isMobile()+?+'mobile'+:+'desktop')重构为助手/静态函数是个好主意。或将其注册为在路由筛选器中的配置项。|2761448|entityMap|0|LINK|mutability|MUTABLE|url|http://mobiledetect.net/^0|H|6|O|7|0|0|0|R|O|0|0|0|0|1|18|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|17|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|18|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|19|8|@]|D|@$9|1A|A|1B|1|1C]]|E|$]]|$1|O|3|P|5|6|7|1D|8|@]|D|@]|E|$]]|$1|Q|3|R|5|H|7|1E|8|@]|D|@]|E|$I|J]]|$1|S|3|T|5|6|7|1F|8|@$9|1G|A|1H|B|C]]|D|@]|E|$]]|$1|U|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11]]]]

<p>You could create two folders <code>mobile</code>, <code>desktop</code> inside your view folder. The two folders hold the same views (only the filenames). </p>

<pre><code>├── views
|   ├── mobile
|   |   ├── main.blade.php
|   └── desktop
|       ├── main.blade.php
</code></pre>

<p>Then inside your controller you can use the folder names to switch between the desktop and mobile views (or any other if you add more).</p>

<p>You only need to resolve the request's device through PHP. You can do it with this project: <a href="http://mobiledetect.net/" rel="nofollow">http://mobiledetect.net/</a>.</p>

<p>Now your controller looks like:</p>

<pre><code>public function getIndex() {
    $detect = new Mobile_Detect;

    return View::make( ($detect-&gt;isMobile() ? 'mobile' : 'desktop') . '.your-view-name' );
}
</code></pre>

<p>It's offcourse a good idea to refactor the <code>($detect-&gt;isMobile() ? 'mobile' : 'desktop')</code> to a helper/static function. Or register it as an config item in a before route filter.</p>


blocks|key|1764614|text|我在这里看的是同样的问题，基本上是希望“打开”一个移动视图目录，而不干扰我的控制器(如果可能的话)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1764615|这样做的一个地方可能是app/config/views.php中的配置。|offset|length|style|CODE|1764616|<?php

use+Jenssegers\Agent\Agent+as+Agent;
$Agent+=+new+Agent();
//+agent+detection+influences+the+view+storage+path
if+($Agent->isMobile())+{
++++//+you're+a+mobile+device
++++$viewPath+=+__DIR__.'/../mobile';
}+else+{
++++//+you're+a+desktop+device,+or+something+similar
++++$viewPath+=+__DIR__.'/../views';
}


return+array(
++++'paths'+=>+array($viewPath),
++++.....|code-block|syntax|javascript|1764617|似乎有效，为您提供了一个完全不同的目录。|1764618|我将继续实验，因为也许桌面和移动设备之间会有一些重叠，但我们会看到。|1764619|PS:代理~=+Mobile_Detect|1764620|entityMap^0|0|B|K|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@$D|W|E|X|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|Y|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

<p>I'm looking at the same issue here, basically wanting to "bolt on" a directory of mobile views without messing with my controllers (if possible).</p>

<p>One place to do this may be the config in <code>app/config/views.php</code>:</p>

<pre class="lang-php prettyprint-override"><code>&lt;?php

use Jenssegers\Agent\Agent as Agent;
$Agent = new Agent();
// agent detection influences the view storage path
if ($Agent-&gt;isMobile()) {
    // you're a mobile device
    $viewPath = __DIR__.'/../mobile';
} else {
    // you're a desktop device, or something similar
    $viewPath = __DIR__.'/../views';
}


return array(
    'paths' =&gt; array($viewPath),
    .....
</code></pre>



<p>seems to work, giving you a completely different directory to work from.</p>

<p>I'll continue to experiment, as perhaps there will be some overlap between the desktop and mobile includes, but we'll see.</p>

<p>PS: Agent ~= Mobile_Detect</p>


blocks|key|158223|text|正如对已接受的答案(仅包括移动视图路径和回退到“默认”视图)的注释中所建议的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|158224|<?php

$viewBasePath+=+realpath(base_path('resources/views'));

$viewsPaths+=+[$viewBasePath];

$agent+=+new+Jenssegers\Agent\Agent();

if+($agent->isMobile())+{
++++array_unshift($viewsPaths,+$viewBasePath.'/mobile');
}

return+[
++++'paths'+=>+$viewsPaths
++++...|code-block|syntax|javascript|158225|这样你只会超越你所需要的。这可能会派上用场的电子邮件，当你有几个部分视图，有相同的html，而不管设备类别。|158226|注意:控制器中的用法不会改变。|158227|示例视图：|158228|├──+views
%7C+++├──+home.blade.php
%7C+++├──+posts.blade.php
%7C+++├──+post.blade.php
%7C+++├──+emails
%7C+++%7C+++└──+subscription.blade.php
%7C+++└──+partials
%7C+++%7C+++├──+posts-popular.blade.php
%7C+++%7C+++├──+banner-ad.blade.php
%7C+++%7C+++├──+post-comment.blade.php
%7C+++├──+mobile
%7C+++%7C+++├──+home.blade.php
%7C+++%7C+++├──+partials
%7C+++%7C+++++++└──+posts-popular.blade.php|158229|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>As suggested in a comment on the accepted answer (include mobile view path only on mobile and fallback to 'default' view):</p>

<pre><code>&lt;?php

$viewBasePath = realpath(base_path('resources/views'));

$viewsPaths = [$viewBasePath];

$agent = new Jenssegers\Agent\Agent();

if ($agent-&gt;isMobile()) {
    array_unshift($viewsPaths, $viewBasePath.'/mobile');
}

return [
    'paths' =&gt; $viewsPaths
    ...
</code></pre>

<p>This way you only override what you need. This may come in handy for emails and when you have several partial views that have the same html regardless of device category.</p>

<p>Note: Usage in controller doesn't change.</p>

<p>Example views:</p>

<pre><code>├── views
|   ├── home.blade.php
|   ├── posts.blade.php
|   ├── post.blade.php
|   ├── emails
|   |   └── subscription.blade.php
|   └── partials
|   |   ├── posts-popular.blade.php
|   |   ├── banner-ad.blade.php
|   |   ├── post-comment.blade.php
|   ├── mobile
|   |   ├── home.blade.php
|   |   ├── partials
|   |       └── posts-popular.blade.php
</code></pre>


blocks|key|158267|text|对于您来说，未来的Laravel用户正在寻找一种方法来检测视图中的设备；另一种选择是创建一个ServiceProvider+-然后使用View::share()+-这将使设备-检测$agent在您的所有视图中可用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|158268|安装代理|158269|composer+require+jenssegers/agent|code-block|syntax|javascript|158270|创建服务提供者|158271|php+artisan+make:provider+AgentServiceProvider|158272|在config/app.php中|158273|App\Providers\AgentServiceProvider::class,|158274|在app/providers/AgentServiceProvider.php中|158275|<?php

namespace+App\Providers;

use+View;
use+Jenssegers\Agent\Agent;
use+Illuminate\Support\ServiceProvider;

class+AgentServiceProvider+extends+ServiceProvider
{
++++public+function+boot()
++++{
++++++++$agent+=+new+Agent();

++++++++View::share('agent',+$agent);
++++}

++++public+function+register()
++++{
++++++++//
++++}
}|158276|然后在你的视野里|158277|@if+($agent->isMobile())
++++
++++Show+mobile+stuff...

@endif|158278|2022最新情况|158279|看来特工包已经被遗弃了..。但是，还有一种更容易使用的选择。|158280|https://github.com/riverskies/laravel-mobile-detect|158281|把包裹装好..。|158282|$+composer+require+riverskies/laravel-mobile-detect|158283|...and开始在刀片中使用它。根本就没设好！|158284|@mobile
++++Show+mobile+stuff...
@endmobile|158285|@tablet
++++Show+tablet+stuff...
@endtablet|158286|@handheld
++++Show+mobile+and+tablet+stuff...
@endhandheld|158287|注意，您可能必须运行php+artisan+view:clear才能使新的Blade指令生效。|158288|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jenssegers/agent|1^0|1V|D|2I|6|0|2|2|0|0|0|0|0|0|0|0|0|0|0|0|0|0|1F|1|0|0|0|0|0|0|0|A|M|0^^$0|@$1|2|3|4|5|6|7|1V|8|@$9|1W|A|1X|B|C]|$9|1Y|A|1Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|20|8|@]|D|@$9|21|A|22|1|23]]|E|$]]|$1|H|3|I|5|J|7|24|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|25|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|26|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|27|8|@]|D|@]|E|$]]|$1|S|3|T|5|J|7|28|8|@]|D|@]|E|$K|L]]|$1|U|3|V|5|6|7|29|8|@]|D|@]|E|$]]|$1|W|3|X|5|J|7|2A|8|@]|D|@]|E|$K|L]]|$1|Y|3|Z|5|6|7|2B|8|@]|D|@]|E|$]]|$1|10|3|11|5|J|7|2C|8|@]|D|@]|E|$K|L]]|$1|12|3|13|5|6|7|2D|8|@]|D|@]|E|$]]|$1|14|3|15|5|6|7|2E|8|@]|D|@]|E|$]]|$1|16|3|17|5|6|7|2F|8|@]|D|@$9|2G|A|2H|1|2I]]|E|$]]|$1|18|3|19|5|6|7|2J|8|@]|D|@]|E|$]]|$1|1A|3|1B|5|J|7|2K|8|@]|D|@]|E|$K|L]]|$1|1C|3|1D|5|6|7|2L|8|@]|D|@]|E|$]]|$1|1E|3|1F|5|J|7|2M|8|@]|D|@]|E|$K|L]]|$1|1G|3|1H|5|J|7|2N|8|@]|D|@]|E|$K|L]]|$1|1I|3|1J|5|J|7|2O|8|@]|D|@]|E|$K|L]]|$1|1K|3|1L|5|6|7|2P|8|@$9|2Q|A|2R|B|C]]|D|@]|E|$]]|$1|1M|3|-4|5|6|7|2S|8|@]|D|@]|E|$]]]|1N|$1O|$5|1P|1Q|1R|E|$1S|1T]]|1U|$5|1P|1Q|1R|E|$1S|17]]]]

<p>For you Laravel users in the future who are looking for a way to detect devices in the view; another option is to create a ServiceProvider - and then use <code>View::share()</code> - which will then make the device-detecting <code>$agent</code> available inside all of your views.</p>
<h3>Install <a href="https://github.com/jenssegers/agent" rel="nofollow noreferrer">Agent</a></h3>
<pre><code>composer require jenssegers/agent
</code></pre>
<h3>Create the service provider</h3>
<pre><code>php artisan make:provider AgentServiceProvider
</code></pre>
<h3>In config/app.php</h3>
<pre><code>App\Providers\AgentServiceProvider::class,
</code></pre>
<h3>in app/providers/AgentServiceProvider.php</h3>
<pre><code>&lt;?php

namespace App\Providers;

use View;
use Jenssegers\Agent\Agent;
use Illuminate\Support\ServiceProvider;

class AgentServiceProvider extends ServiceProvider
{
    public function boot()
    {
        $agent = new Agent();

        View::share('agent', $agent);
    }

    public function register()
    {
        //
    }
}
</code></pre>
<h3>Then inside your views</h3>
<pre><code>@if ($agent-&gt;isMobile())
    
    Show mobile stuff...

@endif
</code></pre>
<h1>2022 Update</h1>
<p>It appears the Agent package has been abandoned... But, there is an alternative which is even easier to use.</p>
<p><a href="https://github.com/riverskies/laravel-mobile-detect" rel="nofollow noreferrer">https://github.com/riverskies/laravel-mobile-detect</a></p>
<p>Just install the package...</p>
<pre><code>$ composer require riverskies/laravel-mobile-detect
</code></pre>
<p>...and start using it in Blade. No set up at all!</p>
<pre class="lang-php prettyprint-override"><code>@mobile
    Show mobile stuff...
@endmobile
</code></pre>
<pre><code>@tablet
    Show tablet stuff...
@endtablet
</code></pre>
<pre><code>@handheld
    Show mobile and tablet stuff...
@endhandheld
</code></pre>
<p>Note that you might have to run <code>php artisan view:clear</code> to have the new Blade directives take effect.</p>


blocks|key|2761510|text|一种使用移动检测类的简单方法|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2761511|在根路径上运行：composer+require+mobiledetect/mobiledetectlib|style|CODE|2761512|因此，取决于您想要在哪里作出决定：your-app/views/your-view.blade.php还是your-app/routes/web.php|2761513|//include+the+file
use+Detection\MobileDetect+as+MobileDetect;

//instance+it
$detect+=+new+Mobile_Detect;

//+Any+mobile+device+(less+tablets)
if+(+$detect->isMobile()+&&+!$detect->isTablet())+{
++echo+"is+mobile,+do+something";
}

//+Any+tablet+device
elseif(+$detect->isTablet()+){
++echo+"is+tablet,+do+something";
}

//+Desktop+device
else+{
++echo+"is+desktop,+do+something";
}|code-block|syntax|javascript|2761514|entityMap|0|LINK|mutability|MUTABLE|url|http://mobiledetect.net/^0|4|5|0|0|8|19|0|H|Y|1H|N|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@$A|11|B|12|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|13|8|@$A|14|B|15|F|G]|$A|16|B|17|F|G]]|9|@]|C|$]]|$1|J|3|K|5|L|7|18|8|@]|9|@]|C|$M|N]]|$1|O|3|-4|5|6|7|19|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

<p>A simple way using <a href="http://mobiledetect.net/" rel="nofollow noreferrer">mobile detect class</a></p>
<p>On root path run: <code>composer require mobiledetect/mobiledetectlib</code></p>
<p>So depending on where you want to make your decision: <code>your-app/views/your-view.blade.php</code> or <code>your-app/routes/web.php</code>:</p>
<pre><code>//include the file
use Detection\MobileDetect as MobileDetect;

//instance it
$detect = new Mobile_Detect;

// Any mobile device (less tablets)
if ( $detect-&gt;isMobile() &amp;&amp; !$detect-&gt;isTablet()) {
  echo &quot;is mobile, do something&quot;;
}

// Any tablet device
elseif( $detect-&gt;isTablet() ){
  echo &quot;is tablet, do something&quot;;
}

// Desktop device
else {
  echo &quot;is desktop, do something&quot;;
}
</code></pre>


<p>I have read how to add different paths or namespaces for views, but I think this is not a proper solution for me. 
What I would like to do it's to set a view base path for mobile devices and a different one for desktop devices, so in the view controllers I don't need to make any change.</p>

<p>That would be great to set the path in the routes file and don't touch any view controller. Any ideas for that? Maybe just Config::set the view path?</p>

<p>Thanks in advance! :)</p>


Laravel detect mobile/tablet and load correct views

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我读过如何为视图添加不同的路径或名称空间，但我认为这对我来说不是一个合适的解决方案。我想做的是为移动设备设置一个视图基路径，为桌面设备设置一个不同的视图基路径，所以在视图控制器中我不需要做任何更改。这将是很好的设置路径在路由文件和不触及任何视图控制器。有什么想法吗？也许只是Config：：设置视图路径？谢谢！)

问Laravel检测移动/平板电脑并加载正确的视图
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Laravel检测移动/平板电脑并加载正确的视图EN