Làm cách nào để kiểm tra xem JavaScript đã được bật chưa?

Mozilla Firefox là một trình duyệt internet mã nguồn mở được tạo bởi Tập đoàn Mozilla. Bây giờ ở phiên bản 70. 0. 1, Mozilla tiếp tục xu hướng trở thành một trình duyệt đầy đủ tính năng được tích hợp đầy đủ các tính năng bảo mật và quyền riêng tư mạnh mẽ. Các tính năng độc quyền khác của Mozilla Firefox bao gồm chế độ duyệt web không có quảng cáo, chế độ duyệt web riêng tư được bảo vệ theo dõi, v.v.

Mozilla Firefox cũng cung cấp cho người dùng một giao diện rõ ràng và được hỗ trợ trên các hệ điều hành phổ biến như Windows, Mac/iOS và Android, trong số những hệ điều hành khác. Giống như hầu hết các trình duyệt hiện đại, Mozilla cũng hỗ trợ JavaScript, được bật theo mặc định để cho phép người dùng xem các yếu tố tương tác như quảng cáo hiển thị hình ảnh và hoạt ảnh trên các trang web

Trong hướng dẫn này, chúng tôi sẽ cung cấp cho bạn kiến ​​thức cơ bản về JavaScript trong Mozilla Firefox cũng như cách bạn có thể kích hoạt hoặc tắt nó ngay lập tức. Nếu bạn chưa cài đặt Firefox, bạn chỉ cần tải xuống từ trang web của Mozilla Foundation

Trong bài đăng này, tôi sẽ chỉ cho bạn cách phát hiện xem máy khách có bật hoặc tắt JavaScript hay không tại máy chủ web phụ trợ của bạn (trên bất kỳ nền tảng nào), để bạn có thể làm việc với nó trong mã phụ trợ của mình và sử dụng nó như một boolean.

Thật không may, không có cách nào khác để phát hiện ra nó. Trình duyệt không gửi tiêu đề/siêu dữ liệu http đến máy chủ web cho biết trình duyệt đã bật hay tắt JavaScript

Vì vậy, để phát hiện nó, chúng ta cần thực hiện một số thao tác thủ công

Làm thế nào để làm nó

Mã phụ trợ

Mẹo để phát hiện nó là đặt cờ (cookie) trong trình duyệt máy khách cho biết trình duyệt có bật/tắt JavaScript hay không

Sau đó, máy chủ có thể xem xét cookie đó và kiểm tra xem JavaScript mà ứng dụng khách có cho biết JavaScript của nó đã được bật/tắt hay chưa

Trong ví dụ này, hãy gọi cookie đó là

this.IsJavascriptOn = GetIsJavascriptOn();

0Vì vậy, nếu ứng dụng khách có cookie tên là

this.IsJavascriptOn = GetIsJavascriptOn();

1 và có giá trị

this.IsJavascriptOn = GetIsJavascriptOn();

0, thì điều đó có nghĩa là ứng dụng khách đang chỉ ra rằng JavaScript là

this.IsJavascriptOn = GetIsJavascriptOn();

1, nếu không thì JavaScript là

this.IsJavascriptOn = GetIsJavascriptOn();

2

Vì vậy, đối với mỗi

this.IsJavascriptOn = GetIsJavascriptOn();

3, hãy tạo một biến boolean trong máy chủ phụ trợ của bạn và gọi nó là

this.IsJavascriptOn = GetIsJavascriptOn();

4 và đặt thành

this.IsJavascriptOn = GetIsJavascriptOn();

0 nếu khách hàng có cookie

this.IsJavascriptOn = GetIsJavascriptOn();

6, nếu không, hãy đặt thành

this.IsJavascriptOn = GetIsJavascriptOn();

7

Tôi sẽ sử dụng ASP. NET MVC làm ví dụ mã, nhưng khái niệm này giống nhau cho tất cả các nền tảng

Dưới đây là ví dụ về hàm trả về

this.IsJavascriptOn = GetIsJavascriptOn();

0 nếu khách hàng có cookie

this.IsJavascriptOn = GetIsJavascriptOn();

6, nếu không thì trả về

this.IsJavascriptOn = GetIsJavascriptOn();

7

JavaScript

this.IsJavascriptOn = GetIsJavascriptOn();

1

Và sau đó ở đâu đó trong mã của chúng tôi, chúng tôi có thể đặt biến

this.IsJavascriptOn = GetIsJavascriptOn();

21 của mình như bên dưới

JavaScript

this.IsJavascriptOn = GetIsJavascriptOn();

Và bây giờ, chúng tôi có boolean xác định xem máy khách có bật/tắt JavaScript hay không, vì vậy bây giờ chúng tôi có thể sử dụng biến này ở mọi nơi trong mã phụ trợ của mình

Kết xuất HTML

Vì vậy, bây giờ, chúng tôi cần đặt cookie

this.IsJavascriptOn = GetIsJavascriptOn();

6 nếu JavaScript bị tắt và xóa cookie

this.IsJavascriptOn = GetIsJavascriptOn();

6 nếu JavaScript được bật. Và điều đó được thực hiện khi chúng tôi hiển thị HTML

Chúng tôi phải kết xuất một số HTML tùy thuộc vào việc khách hàng có chỉ ra rằng JavaScript được bật/tắt hay không. Và đó là hiển thị dưới đây

We will put this code inside the :

ASP. BỌC LƯỚI

this.IsJavascriptOn = GetIsJavascriptOn();

2

Bây giờ chúng ta đã thực sự hoàn thành. Nếu bạn chỉ muốn kiểm tra nó và không muốn bất kỳ lời giải thích nào, bạn có thể bỏ qua phần còn lại

Here, we draw the

this.IsJavascriptOn = GetIsJavascriptOn();

21equals

this.IsJavascriptOn = GetIsJavascriptOn();

7, otherwise we draw the

this.IsJavascriptOn = GetIsJavascriptOn();

26block.

Khối

this.IsJavascriptOn = GetIsJavascriptOn();

27 sẽ đặt cookie

this.IsJavascriptOn = GetIsJavascriptOn();

6 và sau đó làm mới trang (vâng, bạn có thể đặt cookie và làm mới trang mà không cần JavaScript)

Khối

this.IsJavascriptOn = GetIsJavascriptOn();

26 sẽ xóa cookie

this.IsJavascriptOn = GetIsJavascriptOn();

6 và sau đó làm mới trang

Vì vậy, điều xảy ra ở đây là nếu máy khách chỉ ra rằng JavaScript đang bật, thì chúng tôi sẽ vẽ khối

this.IsJavascriptOn = GetIsJavascriptOn();

27. Nhưng máy khách sẽ không chạy khối

this.IsJavascriptOn = GetIsJavascriptOn();

27, trừ khi nó thực sự bị vô hiệu hóa

Vì vậy, nếu nó chạy khối

this.IsJavascriptOn = GetIsJavascriptOn();

27, thì điều đó có nghĩa là máy khách đã nói với máy chủ rằng nó đã bật JavaScript, nhưng sai và cần cập nhật/đặt

this.IsJavascriptOn = GetIsJavascriptOn();

1 thành

this.IsJavascriptOn = GetIsJavascriptOn();

0 rồi làm mới trang

Sau đó, sau khi hoàn thành việc đó, máy chủ sẽ hiển thị khối

this.IsJavascriptOn = GetIsJavascriptOn();

26 thay vào đó, và sau đó máy khách sẽ không bao giờ chạy khối

this.IsJavascriptOn = GetIsJavascriptOn();

26 cho đến khi nó kích hoạt lại khối đó

Vì vậy, khi ứng dụng khách kích hoạt lại JavaScript, thì ứng dụng khách sẽ chạy khối

this.IsJavascriptOn = GetIsJavascriptOn();

26, xóa cookie

this.IsJavascriptOn = GetIsJavascriptOn();

1và làm mới trang

Và sau đó, máy chủ sẽ vẽ khối

this.IsJavascriptOn = GetIsJavascriptOn();

27 và sau đó máy khách sẽ không bao giờ chạy khối đó cho đến khi máy khách tắt JavaScript lần nữa

Và đó là cách chu kỳ diễn ra

Ví dụ đầy đủ với ASP. NET MVC

Đây là một ví dụ đầy đủ trong ASP. NET lõi MVC (. Nền tảng NET). Nó khá đơn giản, vì vậy hy vọng, không phải ASP. NET sẽ hiểu nó, vì nó gần giống như mã giả

Trong ví dụ này, tôi sẽ hiển thị một trang web tối thiểu với 3 trang chỉ mục (

this.IsJavascriptOn = GetIsJavascriptOn();

21), liên hệ và giới thiệu không có CSS

Bộ điều khiển nhà. cs

Tệp này là điểm bắt đầu nơi mã bắt đầu khi khách hàng yêu cầu một trang trên một đường dẫn cụ thể. Nó sẽ kiểm tra xem khách hàng có cookie

this.IsJavascriptOn = GetIsJavascriptOn();

6 hay không và đặt biến

this.IsJavascriptOn = GetIsJavascriptOn();

21 của chúng tôi thành

this.IsJavascriptOn = GetIsJavascriptOn();

0 nếu nó tồn tại, nếu không thì đặt thành

this.IsJavascriptOn = GetIsJavascriptOn();

7

C#

this.IsJavascriptOn = GetIsJavascriptOn();

7

_Cách trình bày. cshtml

Đây là điểm bắt đầu khi chúng tôi hiển thị HTML của mình.

this.IsJavascriptOn = GetIsJavascriptOn();

26 là những gì được hiển thị bất kể chúng ta đang ở trang nào, và sau đó nó kích hoạt

this.IsJavascriptOn = GetIsJavascriptOn();

27 là một ASP. NET MVC sẽ hiển thị trang chúng tôi đang truy cập. Và điều đó sẽ hiển thị trong trường hợp của chúng ta hoặc là chỉ mục. cshtml, liên hệ. cshtml hoặc về. cshtml

ASP. BỌC LƯỚI

this.IsJavascriptOn = GetIsJavascriptOn();

2

Mục lục. cshtml

ASP. BỌC LƯỚI

this.IsJavascriptOn = GetIsJavascriptOn();

1

Liên hệ. cshtml

ASP. BỌC LƯỚI

this.IsJavascriptOn = GetIsJavascriptOn();

2

Trong khoảng. cshtml

ASP. BỌC LƯỚI

this.IsJavascriptOn = GetIsJavascriptOn();

3

Vì vậy, ở đây, nếu bạn bật JavaScript, thì nó sẽ rút ra ________ 328, ngược lại, ________ 329

Dưới đây là hai ví dụ về giao diện của nó

Lưu ý cuối cùng

Bên trong

this.IsJavascriptOn = GetIsJavascriptOn();

27, thẻ

this.IsJavascriptOn = GetIsJavascriptOn();

11, điều rất quan trọng là đặt đường dẫn thành "

this.IsJavascriptOn = GetIsJavascriptOn();

12, vì cookie có thể có đường dẫn, vì vậy nếu bạn điều hướng đến các đường dẫn/trang web khác nhau trong trang web, thì khách hàng có thể tạo nhiều cookie

this.IsJavascriptOn = GetIsJavascriptOn();

6 khác nhau tùy thuộc vào đó

Cảm ơn đã đọc, tôi hy vọng điều này sẽ hữu ích cho nhiều bạn. . -)

Giấy phép

Bài viết này, cùng với bất kỳ mã nguồn và tệp liên quan nào, được cấp phép theo Giấy phép Mở Dự án Mã (CPOL)

Được viết bởi

Danny Chu

Đan mạch

Thành viên này chưa cung cấp Tiểu sử. Giả sử nó thú vị và đa dạng, và có lẽ là một cái gì đó liên quan đến lập trình

Làm cách nào để biết JavaScript có bị tắt hay không?

JavaScript có được bật trên thiết bị này không?

JavaScript có được bật tự động không?

Làm cách nào để biết JavaScript có hoạt động trong Chrome không?