Detect mobile or desktop sử dụng package jenssegers/agent

  • 2020-01-29 08:28:42
  • 581
Laravel detect mobile or desktop using jenssegers/agent example. Sử dụng package jenssegers/agent để kiểm tra xem người dùng đang dùng thiết bị mobile or desktop để điều hướng dễ dàng

Bài viết này mình sẽ giúp các bạn phát hiện được trình duyệt đang dùng là mobile hay desktop trong project laravel bằng package jenssegers/agent

Cài đặt package

Mình sẽ cài đặt package thông qua composer nhé

composer require jenssegers/agent

Trong quá trình chờ cài đặt thì các bạn thêm vào private và alias nội dung sau.

config/app.php

.....

'providers' => [

	....

	Jenssegers\Agent\AgentServiceProvider::class,
]

'aliases' => [

	....

	'Agent' => Jenssegers\Agent\Facades\Agent::class,
]

.....

Cách sử dụng

Ở đây mình sẽ kiểm tra nó hiện đang là Mobile or Table hay Desktop bằng các cách sau

Detect Is Mobile:

Route::get('detect', function()
{
    $agent = new \Jenssegers\Agent\Agent;
    $result = $agent->isMobile();
    dd($result);

});

Detect Is Desktop:

Route::get('detect', function()
{
    $agent = new \Jenssegers\Agent\Agent;
    $result = $agent->isDesktop();
    dd($result);
});

Detect Is Tablet:

Route::get('detect', function()
{
    $agent = new \Jenssegers\Agent\Agent;
    $result = $agent->isTablet();
    dd($result);
});

Sử dụng khi nào

  • Thông thường giao diện desktop và mobile khác nhau nên mình sẽ sử dụng package này để detect và include giao diện tương ứng
  • Vì giao diện khác nhau nên Css cũng khác nhau nên mình cũng dùng nó để include css ở bản mobile or desktop tương ứng

Hi vọng rằng bài sẽ giúp các bạn có thêm 1 sự lựa chọn để optimize code của mình để cải tiến tốc độ load cho website

Để lại comment của bạn nếu gặp khó khăn

Bài viết liên quan