ItSolutionStuff.com

Few days ago i need to detect devices access from mobile, desktop or tablet in laravel 5 app. i find out jessenger agent package for detection of mobile or desktop in laravel 5.8. we can easily check which devices use user like mobile, tablet or desktop.

jessenger ajent plugin provide method to get all user agent values with their pre define function by package. they provide function like isMobile(), isTablet(), isDesktop() and device(). there are more helper provide for user agent. we can easily use with laravel 5, laravel 6, laravel 7, laravel 8, laravel 9, laravel 10 and laravel 11 project.

You have to just follow bellow tutorial to detect mobile or desktop access device.

Install jessenger/ajent Package

We need to install jessenger/ajent composer package for getting user ajent value, so you can install using following command:

composer require jenssegers/agent

After that you need to set providers and alias.

config/app.php

.....
'providers' => [
	....
	Jenssegers\Agent\AgentServiceProvider::class,
]
'aliases' => [
	....
	'Agent' => Jenssegers\Agent\Facades\Agent::class,
]
.....

Now bellow i will create route and you can see how to use it.

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);
});

You can also make condition in view blade file like as bellow:

@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

I hope you found your best tutorial...