Cách sao chép mã từ trang web bằng Chrome, Firefox và Edge

Tạo một trang web từ đầu có thể khiến bạn phải vò đầu bứt tai, tùy thuộc vào mức độ phức tạp của dự án. Kỹ năng tốn thời gian này có thể mất hàng tháng hoặc hàng năm để thành thạo. Do đó, hầu hết các lập trình viên chuyên nghiệp đã phát triển các quy trình và lối tắt để trau dồi kỹ năng của họ.

Điều này bao gồm việc giữ một danh sách hữu ích về mã lập trình phổ biến và lặp đi lặp lại. Trong bài viết này, bạn sẽ tìm hiểu một thủ thuật khác cho phép bạn sao chép mã trang web một cách có trách nhiệm bằng các trình duyệt phổ biến như Chrome, Firefox và Edge. Nó có thể là một tài nguyên học tập vô giá, cung cấp các ví dụ về mã đã hoàn thành.

Mục Lục

Cách sao chép mã từ trang web bằng Chrome

Bạn có thể sao chép mã từ một trang web bằng các phương pháp sau trên Chrome.

Qua Nguồn Trang

Đây có lẽ là cách tốt nhất và dễ dàng nhất để truy cập toàn bộ cơ sở mã của một trang web hoặc trang web, bất kể trình duyệt. Để xem nguồn trang trong Chrome, hãy truy cập trang web mục tiêu và nhấp chuột phải vào bất kỳ phần nào của trang ngoài liên kết, hình ảnh hoặc quảng cáo.

Tùy chọn menu hiển thị Xem nguồn trang trong Chrome

Nhấp chuột Xem nguồn trang hoặc chỉ cần nhấn Ctrl + U (Windows, Linux) hoặc Lệnh + U (hệ điều hành Mac). Sao chép phần mã bạn muốn hoặc toàn bộ mã và dán vào trình chỉnh sửa mã ưa thích của bạn.

Qua Phím tắt F12

Bạn có thể dễ dàng truy cập Công cụ dành cho nhà phát triển Chrome bằng cách truy cập trang web và chỉ cần nhấn F12. Công cụ dành cho nhà phát triển Chrome chứa mã trang web và đóng vai trò như một công cụ gỡ lỗi dành cho nhà phát triển.

Truy cập Công cụ dành cho nhà phát triển Chrome qua F12

Chọn tất cả mã bạn muốn, sao chép và dán vào trình chỉnh sửa mã bạn chọn.

Thông qua Công cụ kiểm tra

Một cách khác để vào bảng điều khiển Công cụ dành cho nhà phát triển Chrome là thông qua công cụ Kiểm tra. Để làm như vậy, hãy truy cập trang web mục tiêu mà bạn muốn sao chép mã. Bây giờ bấm Ctrl + Shift + Tôi (Windows, Linux) hoặc Lệnh + Tùy chọn + Tôi (macOS), thao tác này sẽ đưa bạn thẳng đến Công cụ dành cho nhà phát triển.

Ngoài ra, nhấp chuột phải vào bất kỳ phần rõ ràng nào của trang và chọn Quan sát từ các tùy chọn menu, ngay bên dưới tùy chọn để xem nguồn trang.

Tùy chọn menu hiển thị Kiểm tra trong Chrome

Một cách khác để khám phá mã trang web thông qua Công cụ dành cho nhà phát triển trong Chrome là nhấp vào nút ba dấu chấm ở góc trên cùng bên phải của trang web mục tiêu. Từ các tùy chọn menu, chọn Thêm công cụsau đó Những công cụ phát triển.

Công cụ dành cho nhà phát triển Chrome đang hiển thị menu Tác vụ khác

Sao chép tất cả mã bạn muốn và dán vào bất kỳ trình chỉnh sửa mã nào bạn chọn. Ngoài ra, ngoài việc là một công cụ sửa lỗi, bạn còn có thể sử dụng Chrome Dev Tools để chụp ảnh màn hình.

Cách sao chép mã từ trang web bằng Firefox

Dưới đây là các cách khác nhau để sao chép mã trang web bằng Firefox.

Xem nguồn trang

Để truy cập và sao chép mã trang web trong Firefox bằng cách xem nguồn trang, chỉ cần nhấp chuột phải vào trang web mục tiêu và nhấp vào Xem nguồn trang.

Xem tùy chọn menu nguồn trang trong Firefox

Ngoài ra, nhấn Ctrl + U (Windows, Linux) hoặc Lệnh + U (hệ điều hành Mac). Sao chép tất cả mã bạn muốn và dán vào trình chỉnh sửa mã bạn chọn.

Bạn có thể dễ dàng xem nguồn trang trong Firefox bằng cách nhấp vào menu hamburger ba dòng, chọn Thêm công cụvà nhấp chuột Nguồn trang.

Tùy chọn menu hiển thị Nguồn trang trong Firefox

Thông qua phím tắt F12

Cũng giống như Chrome, bạn cũng có thể truy cập mã của trang web trong Firefox Dev Tools bằng cách chỉ cần nhấn phím F12 trên bàn phím.

Mã web được truy cập qua F12 trong Firefox

Nhìn xung quanh để tìm mã cụ thể mà bạn tìm kiếm, đặc biệt chú ý đến Trình chỉnh sửa kiểu. Bây giờ, sao chép và dán tất cả mã đó vào trình chỉnh sửa mã yêu thích của bạn và thực hiện phép thuật của bạn.