Cách hiển thị mã html trên trình duyệt
Cho dù bạn là nhà thiết kế web đang gỡ lỗi mã nguồn của trang web hay chỉ tò mò về mã của trang web trông như thế nào, bạn có thể xem mã nguồn HTML ngay trong Google Chrome. Có hai cách để xem mã nguồn HTML. Xem nguồn và kiểm tra bằng Công cụ dành cho nhà phát triển Show Xem nguồn bằng Xem nguồn trangBật Chrome lên và chuyển đến trang web bạn muốn xem mã nguồn HTML. Nhấp chuột phải vào trang và nhấp vào “Xem nguồn trang” hoặc nhấn Ctrl + U để xem nguồn của trang trong một tab mới Một tab mới mở ra cùng với tất cả HTML cho trang web, được mở rộng hoàn toàn và không được định dạng Nếu bạn đang tìm kiếm một thành phần hoặc một phần cụ thể trong nguồn HTML, thì việc sử dụng Chế độ xem Nguồn sẽ rất tẻ nhạt và rườm rà, đặc biệt nếu trang sử dụng nhiều JavaScript và CSS Kiểm tra nguồn bằng Công cụ dành cho nhà phát triểnPhương pháp này sử dụng ngăn Công cụ dành cho nhà phát triển trong Chrome và là một cách tiếp cận rõ ràng hơn nhiều để xem mã nguồn. HTML ở đây dễ đọc hơn nhờ định dạng bổ sung và khả năng thu gọn các phần tử mà bạn không muốn xem Mở Chrome và truy cập trang bạn muốn kiểm tra; . Một ngăn được neo sẽ mở dọc theo trang web bạn đang xem Nhấp vào mũi tên nhỏ màu xám bên cạnh một phần tử để mở rộng phần tử đó hơn nữa Nếu bạn không muốn xem toàn bộ mã của trang theo mặc định mà muốn kiểm tra một phần tử cụ thể trong HTML, hãy nhấp chuột phải vào khoảng trống đó trên trang, sau đó nhấp vào “Kiểm tra. ” Lần này, khi khung mở ra, nó sẽ chuyển trực tiếp đến phần mã chứa thành phần mà bạn đã nhấp vào Nếu muốn thay đổi vị trí dock, bạn có thể di chuyển nó xuống dưới, sang trái, phải hoặc thậm chí bỏ dock vào một cửa sổ riêng. Nhấp vào biểu tượng menu (ba dấu chấm), sau đó chọn bỏ gắn vào một cửa sổ riêng, gắn vào bên trái, gắn vào dưới cùng hoặc gắn vào bên phải, tương ứng Thats tất cả để có nó. Khi bạn xem xong mã, hãy đóng tab Xem nguồn hoặc nhấp vào 'X' trong ngăn Công cụ dành cho nhà phát triển để quay lại trang web của bạn Bài viết này giải thích cách truy cập mã nguồn HTML của trang web trong trình duyệt web Google Chrome, cũng như cách truy cập và sử dụng các công cụ dành cho nhà phát triển của Chrome. Xem mã nguồn của trang web là một cách tuyệt vời cho người mới bắt đầu học HTML Xem mã nguồn trong ChromeVậy làm thế nào để bạn xem mã nguồn của một trang web?
Sử dụng Công cụ dành cho nhà phát triển của ChromeNgoài khả năng xem nguồn trang đơn giản mà Google Chrome cung cấp, bạn cũng có thể tận dụng Công cụ dành cho nhà phát triển tuyệt vời của họ để tìm hiểu sâu hơn về một trang web. Những công cụ này sẽ cho phép bạn không chỉ xem HTML mà còn cả CSS áp dụng để xem các thành phần trong tài liệu HTML đó Để sử dụng các công cụ dành cho nhà phát triển của Chrome
Cách kiểm tra một phần tử trên máy Mac Xem mã nguồn có hợp pháp không?Trong những năm qua, chúng tôi đã có nhiều nhà thiết kế web mới đặt câu hỏi liệu có thể chấp nhận được việc xem mã nguồn của một trang web và sử dụng nó cho mục đích giáo dục của họ và cuối cùng là cho công việc họ làm hay không. Mặc dù việc sao chép toàn bộ mã của một trang web và biến nó thành mã của riêng bạn trên một trang web chắc chắn là không thể chấp nhận được, nhưng việc sử dụng mã đó làm bàn đạp để học hỏi thực sự là có bao nhiêu tiến bộ được tạo ra trong ngành này Như chúng tôi đã đề cập ở đầu bài viết này, bạn sẽ khó tìm được một chuyên gia web đang làm việc ngày nay mà không học được điều gì đó bằng cách xem mã nguồn của trang web. Có, xem mã nguồn của một trang web là hợp pháp. Sử dụng mã đó làm tài nguyên để xây dựng thứ gì đó tương tự cũng an toàn. Lấy mã nguyên trạng và bỏ qua vì công việc của bạn là nơi bạn bắt đầu gặp sự cố. Cuối cùng, các chuyên gia web học hỏi lẫn nhau và thường cải thiện công việc mà họ nhìn thấy và được truyền cảm hứng, vì vậy đừng ngần ngại xem mã nguồn của trang web và sử dụng nó như một công cụ học tập Không chỉ là HTMLMột điều cần nhớ là các tệp nguồn có thể rất phức tạp (và trang web bạn đang xem càng phức tạp thì mã của trang web đó càng có khả năng phức tạp hơn). Ngoài cấu trúc HTML tạo nên trang, cũng sẽ có CSS (biểu định kiểu xếp tầng) quyết định hình thức trực quan của trang web đó. Ngoài ra, nhiều trang web ngày nay sẽ bao gồm các tệp tập lệnh cùng với HTML Có khả năng có nhiều tệp script được bao gồm; . Thành thật mà nói, mã nguồn của một trang web có vẻ quá sức, đặc biệt nếu bạn chưa quen với việc này. Đừng thất vọng nếu bạn không thể tìm ra điều gì đang xảy ra với trang web đó ngay lập tức. Xem nguồn HTML chỉ là bước đầu tiên trong quy trình này. Với một chút kinh nghiệm, bạn sẽ bắt đầu hiểu rõ hơn cách tất cả các phần này khớp với nhau để tạo ra trang web mà bạn nhìn thấy trong trình duyệt của mình. Khi bạn quen thuộc hơn với mã, bạn sẽ có thể học được nhiều hơn từ nó và dường như nó sẽ không quá khó khăn đối với bạn Câu hỏi thường gặp
|