
Detect thiết bị truy cập là mobile hay desktop trong Laravel
jessenger agent cung cấp chức năng như isMobile(), isTablet(), isDesktop() và device() giúp dễ dàng phát hiện thiết bị đang truy cập Website của bạn. chúng ta có thể dễ dàng sử dụng nó với laravel 5.1, laravel 5.2, laravel 5.3, laravel 5.4, laravel 5.5, laravel 5.6, laravel 5.7, laravel 5.7, v.v.
Bạn chỉ cần làm theo hướng dẫn dưới đây để phát hiện thiết bị truy cập là thiết bị di động hay máy tính để bàn.
1. Cài đặt Install jessenger/agent Package
Chúng ta cần cài đặt package jesbah/agent để nhận giá trị agent của người dùng, bạn có thể cài đặt bằng lệnh sau:
composer require jenssegers/agent
Sau khi cài đặt bạn cần thiết lập providers và alias trong file config/app.php
.....
'providers' => [
....
Jenssegers\Agent\AgentServiceProvider::class,
]
'aliases' => [
....
'Agent' => Jenssegers\Agent\Facades\Agent::class,
]
.....
2. Sử dụng
a. Detect Is Mobile
Route::get('detect', function()
{
$agent = new \Jenssegers\Agent\Agent;
$result = $agent->isMobile();
dd($result);
});
b. Detect Is Desktop
Route::get('detect', function()
{
$agent = new \Jenssegers\Agent\Agent;
$result = $agent->isDesktop();
dd($result);
});
c. Detect Is Table
Route::get('detect', function()
{
$agent = new \Jenssegers\Agent\Agent;
$result = $agent->isTablet();
dd($result);
});
d. Sử dụng trong Blade View
Bạn cũng có thể sử dụng if trong file Blade View như sau
@if((new \Jenssegers\Agent\Agent())->isDesktop())
<link rel="stylesheet" href="{{ asset('front/css/desktop.css') }}" />
@endif
@if((new \Jenssegers\Agent\Agent())->isMobile())
<link rel="stylesheet" href="{{ asset('front/css/mobile.css') }}" />
@endif
Các bạn có thể tham khảo thêm về package này tại đây: https://github.com/jenssegers/agent
Các bạn copy bài viết sang website khác, vui lòng ghi nguồn VietLaravel.com. Xin cảm ơn.
Post Comment