Hướng dẫn view javascript code on web page - xem mã javascript trên trang web

Có, có một cách để xem tất cả các trang web HTML, các tệp JavaScript và CSS bằng Chrome. Mở trang bằng chrome, nhấp chuột phải vào trang và chọn Kiểm tra phần tử (hoặc nhấn Ctrl+Shift+I). Từ đó bạn có thể điều hướng các yếu tố khác nhau trên trang và cấu trúc của tệp HTML. Để có được tại các tệp JavaScript và CSS chuyển sang tab Nguồn và xem qua các thư mục bên trái để tìm tệp bạn đang tìm kiếm.

Một từ cảnh báo, tùy thuộc vào trang web, mã mà họ đang sử dụng có thể được thu nhỏ (hầu hết tất cả không gian trắng bị xóa, và rất nhiều tên biến và những thứ khác được rút ngắn) hoặc khôn ngoan khác rất khó đọc. Nếu bạn đang tìm cách làm một cái gì đó cụ thể hơn thì tôi sẽ khuyên bạn nên tìm kiếm điều đó hoặc đăng một câu hỏi liên quan đến vấn đề đó.

Đã trả lời ngày 10 tháng 6 năm 2015 lúc 18:33Jun 10, 2015 at 18:33

Hướng dẫn view javascript code on web page - xem mã javascript trên trang web

MalcomalcoMalco

3106 Huy hiệu bạc18 Huy hiệu Đồng6 silver badges18 bronze badges

Nếu bạn muốn xem mã JavaScript, bạn có thể nhấp chuột phải vào trang, sau đó chọn Kiểm tra, sau đó điều hướng đến dòng JavaScript bằng cách tô sáng hoặc chọn dòng đó với tiện ích mở rộng. Nhấp & Chọn Tiết lộ trong Bảng điều khiển Nguồn.Inspect, then navigate to the javascript line by highlighting or selecting that line with .js extension and then position your pointer in the .js file, right-click & select Reveal in Sources panel.

Hướng dẫn view javascript code on web page - xem mã javascript trên trang web

Dharman ♦

28.6K21 Huy hiệu vàng79 Huy hiệu bạc129 Huy hiệu đồng21 gold badges79 silver badges129 bronze badges

Đã trả lời ngày 12 tháng 5 năm 2021 lúc 5:23May 12, 2021 at 5:23

Alexaalexaalexa

Huy hiệu đồng 2111 bronze badge

Trong trình duyệt, bạn thực hiện nhấp chuột phải để mở menu và chọn "Xem mã nguồn". Sau đó, bạn có thể đọc hoặc lưu trang đó để phân tích nội dung cho bất kỳ hình ảnh hoặc tập lệnh nào.

Nhưng câu hỏi của bạn rất chung chung, có lẽ bạn nên thử một cái gì đó cơ bản và cố gắng xây dựng mọi thứ từ đó. Nếu không, hãy đưa ra một câu hỏi cụ thể hơn về những gì bạn muốn làm.

Đã trả lời ngày 10 tháng 6 năm 2015 lúc 18:32Jun 10, 2015 at 18:32

Bạn có thể kiểm tra nó bằng cách mở trình kiểm tra trong trình duyệt của bạn và chọn menu "Bảo hiểm". Sau đó nhấp vào cột "Nhập" cho đến khi bạn tìm thấy các tệp .js.

Nó là khá nhiều, nhưng bạn có thể đọc thêm chi tiết ở đây: https://developer.chrom.com/docs/devtools/coverage/

Đã trả lời ngày 10 tháng 3 lúc 10:35Mar 10 at 10:35

Hướng dẫn view javascript code on web page - xem mã javascript trên trang web

Chào mừng đến với cộng đồng Treehouse

Cộng đồng Treehouse là nơi gặp gỡ cho các nhà phát triển, nhà thiết kế và lập trình viên của tất cả các nền tảng và cấp độ kỹ năng để nhận được hỗ trợ. Phối hợp ở đây về các lỗi mã hoặc lỗi mà bạn cần phản hồi hoặc yêu cầu thêm một bộ mắt về dự án mới nhất của bạn. Tham gia cùng hàng ngàn sinh viên Treehouse và cựu sinh viên trong cộng đồng ngày hôm nay. .

Tìm kiếm để học một cái gì đó mới?

Treehouse cung cấp một bản dùng thử miễn phí bảy ngày cho sinh viên mới. Nhận quyền truy cập vào hàng ngàn giờ nội dung và một cộng đồng hỗ trợ. Bắt đầu thử nghiệm miễn phí ngay hôm nay.

Tôi đã tự hỏi, có thể xem mã JavaScript của một trang web khác khi sử dụng phần tử kiểm tra không?

1 câu trả lời

TylerPostuma2 ngày 23 tháng 10 năm 2016 11:18 PM October 23, 2016 11:18pm

Tôi biết rằng bạn có thể kiểm tra JavaScript của một trang web mặc dù nhấp chuột phải ở bất cứ đâu trên trang web và nhấp vào 'Xem trang trang'. Theo như kiểm tra trang, tôi đã có thể xem JavaScript thông qua tab 'Nguồn' khi các công cụ nhà phát triển xuất hiện.

Hy vọng điều này đã giúp!

Xe đẩy

Không có sản phẩm nào trong giỏ.

Hướng dẫn view javascript code on web page - xem mã javascript trên trang web

Hướng dẫn view javascript code on web page - xem mã javascript trên trang web

WordPress, Joomla và Drupal chủ yếu được cung cấp bởi PHP.

Tuy nhiên, với tư cách là người dùng trên một trang web, chúng tôi thực sự thấy những gì diễn ra sau hậu trường trong máy chủ. Chúng tôi chỉ nhận được đầu ra cuối cùng từ máy chủ, dưới dạng HTML, CSS và JavaScript. Đó là mã tạo ra trang web mà chúng ta thấy.

Hướng dẫn này sẽ chỉ cho bạn cách xem mã đằng sau thiết kế mặt trước và trang được định dạng độc đáo. Nó sẽ hiển thị cho bạn HTML, CSS và JavaScript mà trình duyệt của bạn sử dụng để hiển thị một trang độc đáo cho người dùng.

Và nó khá dễ dàng. Bắt đầu nào.

Xem nguồn trang

Hướng dẫn view javascript code on web page - xem mã javascript trên trang web

Chuyển đến cạnh ngoài của một trang web (ví dụ: xa bên trái), sau đó nhấp chuột phải và nhấp vào trang xem trang xem nguồn (hoặc tùy chọn mà tên tương tự).

Điều đó sẽ đưa ra tất cả mã HTML, cùng với các liên kết đến các tệp CSS, JavaScript, hình ảnh, v.v.

Hướng dẫn view javascript code on web page - xem mã javascript trên trang web

Bây giờ bạn có thể đọc qua nó và xem trang đó được tạo ra.

Bạn cũng có thể sử dụng Ctrl + F (lệnh + f trong mac) để tìm kiếm thông qua nó cho một số từ khóa nhất định.

Nhận cụ thể

Hướng dẫn view javascript code on web page - xem mã javascript trên trang web

Nếu bạn muốn đi sâu vào một phần cụ thể của một trang, hầu hết các trình duyệt hiện đi kèm với các thanh tra viên tích hợp. Hoặc bạn có thể sử dụng Firebug trong Firefox.

Chỉ cần nhấp chuột phải vào đối tượng mà bạn muốn kiểm tra, sau đó nhấp vào phần tử kiểm tra (hoặc tùy chọn mà tên tương tự).

Hướng dẫn view javascript code on web page - xem mã javascript trên trang web

Mã tương ứng sẽ được ánh sáng cao trong cửa sổ bên trái. Sau đó, bạn có thể nhấp vào các thẻ bên ngoài hoặc bên trong nó để đi sâu vào chúng. Khi bạn làm điều đó, nó sẽ cao cấp một phần của trang mà nó kiểm soát.

Ở phía bên phải, bạn sẽ thấy các kiểu CSS được áp dụng cho thẻ HTML mà LỚN có ánh sáng cao.

Đây là một cách cực kỳ hữu ích và nhanh chóng để kiểm tra mã.

Wappalyzer

Nếu bạn chỉ muốn một cách nhanh chóng để xem công nghệ nào mà một trang web sử dụng mà không cần điều tra thủ công, thì hãy xem hướng dẫn Wappalyzer của chúng tôi.

  • Nick Savov

    Nick là giám đốc hỗ trợ tại Ostraining và bạn có thể tìm thấy anh ta ở hầu hết mọi lĩnh vực của trang web, từ việc trả lời các yêu cầu hỗ trợ và câu hỏi tài khoản đến việc tạo hướng dẫn và phần mềm.

Báo cáo

Bạn đã báo cáo điều này