Nếu bạn là người dùng web (hoặc thậm chí là nhà thiết kế web hay nhà phát triển ) thường xuyên tìm kiếm các trang web tìm kiếm tuyệt vời với các tính năng hoặc khía cạnh khiến bạn băn khoăn cách chúng được tạo, bạn có thể cân nhắc sao chép mã trang web và lưu nó sau đó bạn có thể xem lại nó để tìm ra cách nó được thực hiện - và thậm chí có thể tái tạo nó trong các dự án thiết kế hoặc phát triển web của riêng bạn.
Sao chép mã từ một trang web rất dễ dàng khi bạn quen với trình duyệt web mà bạn đang sử dụng. Dưới đây là cách làm điều đó cho ba trong số các trình duyệt web phổ biến nhất.
Sao chép trong Trình duyệt web của Google Chrome
- Mở Chrome và điều hướng đến trang web mà bạn muốn sao chép.
- Nhấp chuột phải vào vùng trống hoặc vùng trống trên trang web. Chỉ cần đảm bảo bạn không nhấp chuột phải vào liên kết, hình ảnh hoặc bất kỳ tính năng nào khác.
- Bạn sẽ biết bạn sẽ nhấp vào một khoảng trống hoặc vùng trống nếu bạn thấy tùy chọn có gắn nhãn "Xem nguồn trang" trong menu xuất hiện. Chọn tùy chọn này để hiển thị mã của trang web.
- Sao chép toàn bộ mã bằng cách làm nổi bật tất cả hoặc chỉ khu vực mã cụ thể mà bạn muốn, nhấn Ctrl + C hoặc Command + C trên bàn phím của bạn và dán vào một tệp văn bản hoặc tài liệu.
Sao chép trong Trình duyệt web Mozilla Firefox
- Mở Firefox và điều hướng đến trang web mà bạn muốn sao chép.
- Từ trình đơn trên cùng, chọn Công cụ> Nhà phát triển web> Nguồn trang.
- Một tab mới sẽ mở ra với mã của trang, bạn có thể sao chép bằng cách đánh dấu một khu vực cụ thể hoặc bằng cách nhấp chuột phải vào Chọn tất cả nếu bạn muốn tất cả mã. Nhấn Ctrl + C hoặc Command + C trên bàn phím của bạn và dán nó vào một tệp văn bản hoặc tài liệu.
Sao chép trong Trình duyệt Safari OS X của Apple
- Mở Safari và điều hướng đến trang web mà bạn muốn sao chép.
- Nhấp vào "Safari" trong trình đơn trên cùng và sau đó nhấp vào Tùy chọn.
- Trong menu trên cùng của hộp bật lên trên trình duyệt của bạn, nhấp vào biểu tượng Bánh răng nâng cao.
- Đảm bảo "Hiển thị menu Phát triển trong thanh trình đơn" được chọn.
- Đóng hộp Preferences và nhấp vào tùy chọn Develop trong menu trên cùng.
- Nhấp vào "Hiển thị nguồn trang" để hiển thị tab có mã từ cuối trang.
- Sử dụng chuột để kéo tab lên màn hình của bạn nếu bạn muốn kéo nó lên để xem nó đầy đủ và sao chép nó bằng cách làm nổi bật tất cả hoặc chỉ khu vực cụ thể của mã mà bạn muốn, nhấn Ctrl + C hoặc Command + C trên bàn phím của bạn và dán nó bất cứ nơi nào bạn muốn.
Cập nhật bởi: Elise Moreau