Code java script lấy toàn bộ link ảnh background trên trang html

Bạn đang cần lấy tất cả link ảnh background của một trang web đang xem? Nhưng vấn đề nếu bạn thực hiện thủ công thì tốn rất nhiều thời gian. Do đó bạn cần tăng tốc việc lấy link này nhanh nhất có thể. Thì sau đây là giải pháp giúp bạn thực hiện công việc như trên nhé.

Bước 1: Mở trang cần lấy hình nền (background) bằng trình duyệt web.

Bước 2: Mở công cụ thăm dò phần tử của trình duyệt lên bằng cách bấm tổ hợp phím Ctrl + Shift + I

Bước 3: Chuyển qua thẻ Console (xem hình 1)

Hình 1. Thẻ Console

Bước 4:

– Sao chép đoạn mã javascript dưới đây

var arr_background=document.body.innerHTML.match(/background-image.+?\((.+?)\)/gi).map(function(e){ return ((e.match(/background-image.+?\((.+?)\)/i) || [])[1] || '').replace(/"|"/g,'') });

for(var i=0;i<arr_background.length;i++)
{
arr_background[i]=arr_background[i].replace("_tn","");
//window.open(arr_background[i].replace("_tn",""),"_blank");
console.log(arr_background[i]);
}

– Rồi dán vào chỗ con trỏ lệnh console như hình 2

Hình 2. Vị trí dán lệnh đã sao chép

– Tiếp theo bấm phím Enter để thực thi lệnh.

– Sau đó bạn sẽ nhận được các link ảnh như hình 3 bên dưới đây.

Hình 3. Các link ảnh được lấy ra

Việc sử dụng hay lưu trữ các link này thì tùy mục đích sử dụng các bạn tự thực hiện nhé!

Hy vọng hữu ích với bạn!

Nosomovo

Chia sẻ lên
WEB5k - Thiết kế website giá rẻ chuẩn SEO