Dockery/Pinry
1
0
Fork 0
mirror of https://github.com/pinry/pinry.git synced 2026-01-27 17:49:31 +01:00
Code Issues Packages Projects Releases Activity

Add bookmarklet support for background images

Browse Source 
On many websites (just as in the page generated by our bookmarklet) images are put in CSS as background images; add support for those as well.
This commit is contained in:
Lapo Luchini
2020-06-21 00:16:39 +02:00
committed by Ji Qu
parent 315dfc2540
commit ee6c2eb291
1 changed files with 29 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
pinry/static/js/bookmarklet.js
View File

@@ -104,16 +104,37 @@
// Start Active Functions
var images = {}, // cache URLs to avoid duplicates
reURL = /url[(]"([^"]+)"[)]/; // match an URL in CSS
function addImage(img) {
if (images[img.src])
return;
images[img.src] = true;
var w = img.naturalWidth,
h = img.naturalHeight;
if (w > 200 && h > 200)
imageView(img.src).textContent = w + '\u00D7' + h;
}
function addAllImagesToPageView() {
// add all explicit IMGs
var images = document.getElementsByTagName('img');
for (var i = 0; i < images.length; ++i) {
var t = images[i],
w = t.naturalWidth,
h = t.naturalHeight;
if (w > 200 && h > 200)
imageView(t.src).textContent = w + '\u00D7' + h;
}
return images;
for (var i = 0; i < images.length; ++i)
addImage(images[i]);
// add all background images
['body', 'div', 'td'].forEach(function (tagName) {
var tags = document.getElementsByTagName(tagName);
for (var i = 0; i < tags.length; ++i) {
var m = reURL.exec(tags[i].style.backgroundImage);
if (m) {
// load image to know size
var img = new Image();
img.onload = function () {
addImage(this);
};
img.src = m[1];
}
}
});
}
// End Active Functions