nxtcode/laravel-mobile-detect

直接从 Blade 模板中访问即时移动设备检测。

维护者

详细信息

github.com/NxtCodeCom/laravel-mobile-detection-blade

源代码

问题

安装: 2

依赖: 0

建议者: 0

安全性: 0

星标: 0

关注者: 0

分支: 0

开放问题: 0

dev-main 2021-08-29 20:48 UTC

Requires

Requires (Dev)

MIT f2b86450db575ab25d81e7b4fbe2b4dfe5305f2b

  • NxtCode <hello.woop@NxtCode.com>

mobiledetectionlaravelblade

This package is auto-updated.

Last update: 2024-09-29 06:25:45 UTC

README

一个可以在您的 Blade 模板中直接使用设备检测的包。（利用知名且不断更新的 PHP 移动设备检测库。）

何时使用此包？

响应式 CSS 可以帮助使内容在不同设备上看起来很好，但它不会帮助您从后端提供响应式内容（至少不是简单的方法）。这可能会对用户体验产生非常坏的影响（您有没有在手机连接不良的情况下等待大图加载的经历？）。这个包将使您能够轻松地从后端提供针对特定设备的特定内容。

此包是如何工作的？

该包实现了各种 Blade 指令，您可以使用它们在 Blade 模板中为不同类型的设备提供不同的内容。

安装

通过 composer 安装此包

$ composer require NxtCode/laravel-mobile-detect

Laravel 5.4 或更早版本

将服务提供者添加到您的 config/app.php 文件中

NxtCode\Laravel\MobileDetect\MobileDetectServiceProvider::class

可选地，如果您想在其他地方使用底层实例（或访问所有功能），还可以添加别名

'MobileDetect' => NxtCode\Laravel\MobileDetect\Facades\MobileDetect::class

使用方法

在模板文件中使用新的 Blade 指令

@desktop
    <img src="/path/to/high-definition/image"/>
@elsedesktop
    <img src="/path/to/handheld-optimised/image"/>
@enddesktop

注意 您可能需要运行 php artisan view:clear 以使新的 Blade 指令生效！

可用指令

@else... 指令的使用是可选的。