Chạy JavaScript Chrome
Là một nhà phát triển web, bất kể bạn làm gì, dù là front-end hay back-end, bạn luôn phải làm việc với JavaScript theo cách này hay cách khác Show
Viết, chỉnh sửa và thực thi mã JavaScript bên trong trình duyệt Chrome luôn được thực hiện trong quá trình phát triển của chúng tôi. Nói chung, chúng tôi thực thi các tệp JavaScript bên trong trình duyệt bằng cách kết nối tệp JavaScript với tài liệu HTML Nhưng đây không phải là luôn luôn như vậy. Đôi khi, chúng ta cần chạy các tệp JS bên trong trình duyệt mà không cần sự trợ giúp của tài liệu HTML Vì vậy, để chạy các tệp JavaScript bên trong trình duyệt Chrome, có hai cách. Một cách là tạo tệp JavaScript bên trong công cụ dành cho nhà phát triển Chrome hoặc trên hệ thống cục bộ, sau đó chạy tệp bên trong trình duyệt Chrome Thực tế chúng ta sẽ thấy cả hai cách dưới đây Cách dễ nhất để tạo và chạy tệp JavaScript là sử dụng công cụ dành cho nhà phát triển Chrome Các bước để tạo và chạy tệp JavaScript trong công cụ dành cho nhà phát triển
Dưới đây là mã mà chúng tôi đã viết bên trong các công cụ dành cho nhà phát triển Ở đây, chúng ta vừa tạo một phần tử 4 và thêm một câu vào bên trong nó. Sau đó, chúng tôi hiển thị văn bản này ở trên cùng bên trong thẻ 5 bằng cách sử dụng phương pháp thêm vào trước
Bạn cũng có thể làm mới trang trong khi thực hiện các thay đổi bên trong tệp Điều này sẽ không xóa mã bên trong tệp. Để chạy mã JavaScript bạn đã viết, bạn có thể nhấn Ctrl + Enter trên từ khóa Nếu bạn có một số câu lệnh bảng điều khiển trong mã của mình, thì những câu lệnh đó sẽ được hiển thị bên trong cửa sổ bảng điều khiển ở cuối màn hình, như thể hiện trong hình trên. Lưu ý rằng bất kỳ mã nào bạn viết bên trong tệp này sẽ chỉ khả dụng cho bạn cho đến khi trình duyệt được mở Ngay sau khi bạn đóng trình duyệt Chrome, tất cả các thay đổi của bạn sẽ bị mất. Vì vậy, tốt hơn hết là bạn nên tạo một tệp riêng rồi chạy tệp đó bên trong trình duyệt Chrome Đây là những gì chúng ta sẽ thấy trong phần tiếp theo Tạo và chạy tệp JavaScript trong Chrome bằng const express = require('express'); const app = express(); app.get('/', (req, res)=>{ res.send("This is Google's webpage") }) app.listen(4000, ()=>{ console.log(`Server is running on port 4000`); }); 6Lưu trữ mã JavaScript bên trong một tệp riêng biệt luôn tốt hơn. Đây là cách chúng tôi thường làm khi tạo các trang web sẵn sàng sản xuất Tạo một tệp JavaScript rất đơn giản và ai cũng biết cách làm. Chỉ cần thêm phần mở rộng 0 vào cuối tên tệp và bùng nổ, tệp hiện là tệp JavaScriptMặc dù, phần khó khăn nhất đối với hầu hết mọi người là làm thế nào để chạy tệp JavaScript này bên trong trình duyệt. Mọi người thường kết nối JavaScript với một tài liệu HTML và sau đó chạy nó bên trong trình duyệt Chrome Nhưng ở đây chúng tôi không quan tâm đến điều đó. Ở đây, chúng tôi sẽ tập trung vào việc chạy trực tiếp tệp JavaScript bên trong trình duyệt Điều này trở nên khả thi với sự trợ giúp của 6, một khung JavaScript. Bạn có thể tải xuống khung 6 từ trang web chính thứcSau khi cài đặt 6 trên hệ thống của bạn, bạn phải mở cửa sổ đầu cuối và điều hướng đến vị trí lưu trữ tệp JavaScript. Ở đây, chúng tôi cũng sẽ cần một thư viện có tên là 4Để cài đặt express bằng lệnh bên dưới Sau đó, bên trong tệp JavaScript, nhập thư viện express và khởi tạo ứng dụng express như hình bên dưới
Ở đây, chúng tôi cũng phải chỉ định cổng mà máy chủ của chúng tôi sẽ chạy. Chúng tôi đã sử dụng 5 làm số cổng trong trường hợp nàyBạn có thể chỉ định bất kỳ số nào làm số cổng, sau đó sử dụng yêu cầu nhận tại tuyến đường 6, bạn có thể gửi mã JavaScript. Đoạn mã này sẽ được hiển thị trên trình duyệt ChromeỞ đây, chúng tôi sẽ in một văn bản bên trong cửa sổ bảng điều khiển của trình duyệt bằng cách viết đoạn mã trên vào một tệp có tên 7, sau đó chúng tôi sẽ chạy tệp này bằng cách sử dụng 6Để chạy tệp JavaScript, hãy chạy lệnh 9. Đảm bảo rằng bạn thay thế Inspect 0 bằng tên tệp JavaScript mà bạn muốn chạy, như hình bên dướiBây giờ hãy truy cập URL Nội dung chúng tôi đã gửi bằng phương pháp 6 và 4
Làm cách nào để chạy JavaScript trong trình duyệt?Mở bảng điều khiển trình duyệt . Google Chrome. Mac. Cmd + Chọn + J. Xem > Nhà phát triển > Bảng điều khiển JavaScript. các cửa sổ. . Mozilla Firefox. Mac. Cmd + Chọn + K. Công cụ > Nhà phát triển web > Bảng điều khiển web. các cửa sổ. . Microsoft Cạnh. Mac. Cmd + Chọn + J. Công cụ > Nhà phát triển > Bảng điều khiển JavaScript. . AppleSafari. Mac. Cmd + Chọn + C. Phát triển > Hiển thị Bảng điều khiển JavaScript Chrome vẫn chạy JavaScript chứ?Giống như các trình duyệt internet khác, Google Chrome hỗ trợ JavaScript , được kích hoạt để hiển thị một số chức năng hoặc thành phần tương tác như biểu ngữ quảng cáo trên nền tảng Java . |