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

885 lượt xem 3 năm trước
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

Bài viết liên quan

123code.net - Tạo cảm giác an toàn, uy tín, chất lượng đến cho mọi người

123code.net mang lại cảm giác an toàn nhất cho bạn, không làm bạn thất vọng, giúp bạn giải quyết được vấn đề đồ án tốt nghiệp ở thời điểm hiện tại và tương lai

- Đưa ra giải pháp, góp ý giúp bạn có được một đề tài đồ án tốt, phù hợp nhất

- Có nhiều tính năng mới, độc giúp thu hút, thuyết phục được giáo viên phản biện cũng như hội đồng bảo vệ đồ án

- Đúng ngày, đúng giờ, đầy đủ yêu cầu - tính năng

=> Nhanh tay đăng ký hoạc liên hệ với admin tại đây để có được một đồ án phù hợp với mình

123code.net

Bài viết nhiều người đọc

Hướng Dẫn Thêm SSH Key Vào Server Để Kết Nối Mà Không Cần Nhập Mật Khẩu

2025-03-17 09:50:35

Khi làm việc với server qua SSH, việc nhập mật khẩu mỗi lần kết nối có thể gây phiền toái. Để giải quyết vấn đề này, bạn có thể sử dụng SSH key. Bài viết này sẽ hướng dẫn bạn cách tạo và thêm SSH key vào server của mình.

Hướng Dẫn Vẽ Tableau Chuyên Nghiệp Cho Đồ Án Tốt Nghiệp

2025-03-02 22:39:25

123code Hướng Dẫn Vẽ Tableau Chuyên Nghiệp Cho Đồ Án Tốt Nghiệp

Cài đặt composer centos 7

2025-02-18 15:14:39

Tổng hợp các lệnh cài đặt composer trên centos 7

Cài đặt php trên vps centos 7

2025-02-18 14:50:17

Hướng dẫn tổng hợp các câu lệnh cài đặt php trên centos 7

Hot Khám Phá Tableau: Phần Mềm BI Hàng Đầu Cho Phân Tích Dữ Liệu và Trực Quan Hoá

2024-12-06 11:40:11

Tableau là công cụ phân tích dữ liệu mạnh mẽ, được sử dụng rộng rãi trong ngành Business Intelligence (BI)

Tạo User và Mật khẩu gán quyền trên vps

2024-12-04 17:35:51

Cách tạo user và mật khẩu cũng như gán quyền trên vps

Cách public port mysql lên url

2024-11-25 09:54:36

Cách public port mysql lên url một cách đơn giản nhưng không nên lạm dụng

Hot Sử dụng Tableau trong Đồ Án Tốt Nghiệp: Bí Quyết Thành Công

2024-11-19 15:03:51

Tableau là một công cụ trực quan hóa dữ liệu mạnh mẽ, được sử dụng rộng rãi trong lĩnh vực phân tích dữ liệu. Với khả năng kết nối đa dạng các nguồn dữ liệu, Tableau giúp sinh viên:

Hot Tổng quan về Tableau: Công cụ phân tích dữ liệu hàng đầu cho đồ án CNTT

2024-11-14 21:14:36

Tableau không chỉ là một công cụ mạnh mẽ mà còn là một lựa chọn tuyệt vời cho các bạn sinh viên và những ai đang làm đồ án CNTT cần phải phân tích và trình bày dữ liệu

Một số gợi ý đề tài đồ án tốt nghiệp do Chatgtp support gợi ý

2023-02-11 15:32:22

Tổng hợp các đề tài đồ án tốt nghiệp khá là hay do AI gợi ý cho chúng ta