tobya/laravel-mobile-detect

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

v1.0 2023-06-05 11:24 UTC

This package is not auto-updated.

Last update: 2024-09-24 15:44:07 UTC


README

一个允许您在 Blade 模板中使用设备检测的包。(利用知名且不断更新的 PHP 移动检测库。)

您何时会使用这个包?

响应式 CSS 可以帮助在浏览器中使内容在不同设备上看起来很漂亮,但它不会帮助您从后端提供响应式内容(至少不是简单的方式)。这可能会对用户体验产生非常不好的影响(您是否曾在移动设备上等待大图加载,同时连接不良?)。这个包将使您轻松地从后端提供特定设备的自定义内容。

这个包是如何工作的?

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

安装

通过 composer 安装包

$ composer require riverskies/laravel-mobile-detect

Laravel 5.4 或更早版本

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

Riverskies\Laravel\MobileDetect\MobileDetectServiceProvider::class

可选地,如果您想在其他地方使用底层实例(或访问所有函数),也可以添加别名

'MobileDetect' => Riverskies\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 指令生效!

可用指令

@desktop@elsedesktop@enddesktop - 用于桌面设备

@handheld@elsehandheld@endhandheld - 用于非桌面设备(移动和平板电脑)

@tablet@elsetablet@endtablet - 用于平板电脑设备

@nottablet@elsenottablet@endnottablet - 用于非平板电脑设备(桌面或移动)

@mobile@elsemobile@endmobile - 用于移动设备

@notmobile@elsenotmobile@endnotmobile - 用于非移动设备(桌面或平板电脑)

@ios@elseios@endios - 用于 iOS 平台

@android@elseandroid@endandroid - 用于 Android 平台

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