How to detect devices is mobile or desktop in Laravel?

About Us:

We are from free coder. We are a group of web developers who are passionate about web development. You can learn from us php, laravel, node js, vue js, react js and many other topic on web developement.
we are very happy to help you.
free coder

Today what you are going to learn:

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 and laravel 8 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...

Recent Posts

Related Posts