Tuy nhiên, với tư cách là người dùng trên một trang web, chúng tôi không thực sự thấy những gì đang diễn ra đằng 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ạ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
Đi đến rìa ngoài của một trang web (e. g. ngoài cùng bên trái), sau đó nhấp chuột phải và nhấp vào “Xem nguồn trang” (hoặc tùy chọn có tên tương tự)
Điều đó sẽ hiển thị tất cả mã HTML, cùng với các liên kết đến tệp CSS, Javascript, hình ảnh, v.v.
Bây giờ bạn có thể đọc qua nó và xem trang đó được tạo bằng gì
Bạn cũng có thể sử dụng Ctrl + F (command + F trong Mac) để tìm kiếm các từ khóa nhất định trong đó
Nhận cụ thể
Nếu bạn muốn xem chi tiết một phần cụ thể của trang, hầu hết các trình duyệt hiện nay đều có trình kiểm tra tích hợp sẵn. Hoặc bạn có thể sử dụng Fireorms trong Firefox
Chỉ cần nhấp chuột phải vào đối tượng bạn muốn kiểm tra, sau đó nhấp vào Kiểm tra phần tử (hoặc tùy chọn có tên tương tự)
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ó để xem chi tiết các thẻ đó. Khi bạn làm điều đó, nó sẽ làm sáng phần trang mà nó kiểm soát
Ở bên phải, bạn sẽ thấy các kiểu CSS được áp dụng cho thẻ HTML được tô sáng
Đâ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 có một cách nhanh chóng để xem trang web sử dụng công nghệ nào mà không cần thực hiện điều tra thủ công, thì hãy xem hướng dẫn về Wappalyzer của chúng tôi
người hướng dẫn
- Nick Savov
Nick là Giám đốc Hỗ trợ tại OSTraining và bạn có thể tìm thấy anh ấy ở hầu hết mọi lĩnh vực của trang web, từ trả lời các yêu cầu hỗ trợ và câu hỏi về tài khoản đến tạo hướng dẫn và phần mềm
Đưa các trang web của bạn lên cấp độ tiếp theo bằng cách khai thác JavaScript. Tìm hiểu trong bài viết này cách kích hoạt JavaScript ngay từ tài liệu HTML của bạn
Prerequisites:You need to be familiar with how to create a basic HTML document.Objective:Learn how to trigger JavaScript in your HTML file, and learn the most important best practices for keeping JavaScript accessible.
JavaScript là ngôn ngữ lập trình chủ yếu được sử dụng phía máy khách để làm cho các trang web tương tác. Bạn có thể tạo các trang web tuyệt vời mà không cần JavaScript, nhưng JavaScript mở ra một cấp độ khả năng hoàn toàn mới
Ghi chú. Trong bài viết này, chúng ta sẽ xem xét mã HTML mà bạn cần để JavaScript có hiệu lực. Nếu bạn muốn tự học JavaScript, bạn có thể bắt đầu với bài viết cơ bản về JavaScript của chúng tôi. Nếu bạn đã biết điều gì đó về JavaScript hoặc nếu bạn có nền tảng về các ngôn ngữ lập trình khác, chúng tôi khuyên bạn nên xem trực tiếp Hướng dẫn về JavaScript của chúng tôi
Trong trình duyệt, JavaScript không tự làm bất cứ điều gì. Bạn chạy JavaScript từ bên trong các trang web HTML của mình. Để gọi mã JavaScript từ bên trong HTML, bạn cần có phần tử <script>. Có hai cách để sử dụng script, tùy thuộc vào việc bạn đang liên kết với tập lệnh bên ngoài hay nhúng tập lệnh ngay trong trang web của mình
Thông thường, bạn sẽ viết kịch bản theo cách riêng của họ. tập tin js. Nếu bạn muốn thực hiện một. js từ trang web của bạn, chỉ cần sử dụng <script> với thuộc tính src trỏ đến tệp tập lệnh, sử dụng URL của nó
<script src="path/to/my/script.js"></script>
Bạn cũng có thể thêm mã JavaScript giữa các thẻ <script> thay vì cung cấp thuộc tính src
<script> window.addEventListener("load", () => { console.log("This function is executed once the page is fully loaded"); }); </script>
Điều đó thuận tiện khi bạn chỉ cần một chút JavaScript, nhưng nếu bạn giữ JavaScript trong các tệp riêng biệt, bạn sẽ thấy dễ dàng hơn
- tập trung vào công việc của bạn
- tự viết HTML
- viết các ứng dụng JavaScript có cấu trúc
Khả năng truy cập là một vấn đề chính trong bất kỳ sự phát triển phần mềm nào. JavaScript có thể làm cho trang web của bạn dễ truy cập hơn nếu bạn sử dụng nó một cách khôn ngoan hoặc nó có thể trở thành thảm họa nếu bạn sử dụng tập lệnh một cách cẩu thả. Để làm cho JavaScript hoạt động có lợi cho bạn, bạn nên biết về một số phương pháp hay nhất nhất định để thêm JavaScript