Image Downloader ดำเนินการต่อใน Chrome ด้วย OffiDocs

DESCRIPTION

Image Downloader Continued (IDC) ================ นี่คือทางแยกของ Image Downloader โดย Vlad Sabev (vdsabev)

ส่วนขยายดั้งเดิมไม่ได้รับการอัปเดตและโปรเจ็กต์นี้มีจุดมุ่งหมายเพื่อเติมเต็มช่องว่าง

เป้าหมายคือแก้ไขจุดบกพร่อง รองรับเว็บไซต์มากขึ้น (มากที่สุดเท่าที่จะเป็นไปได้) เพิ่มคุณสมบัติและการปรับปรุงใหม่

ยินดีต้อนรับข้อเสนอแนะ - โปรดแจ้งปัญหาเกี่ยวกับ GitHub! IDC ไม่ได้มีไว้ขาย และจะเป็นโอเพ่นซอร์สฟรีเสมอ และไม่มีโฆษณาหรืออัลกอริทึมการติดตามใดๆ ทั้งสิ้น! คุณสามารถค้นหาซอร์สโค้ดได้ที่นี่: https://github.

com/kisdma/image-downloader-cnt คำอธิบาย ================ หากคุณต้องการดาวน์โหลดรูปภาพจำนวนมากจากหน้าเว็บ ด้วยส่วนขยายนี้ คุณสามารถ: - ดูรูปภาพที่หน้า มีและลิงก์ไปยัง - กรองตามความกว้าง ความสูง และ URL รองรับ wildcard และ regex - เลือกภาพที่จะดาวน์โหลดโดยคลิกที่ภาพ - ใช้ปุ่มเฉพาะเพื่อดาวน์โหลดหรือเปิดแต่ละภาพในแท็บใหม่ - ปรับแต่งความกว้างของการแสดงภาพ คอลัมน์ ขนาดเส้นขอบ และสี - ซ่อนตัวกรอง ปุ่ม และการแจ้งเตือนที่คุณไม่ต้องการ' ไม่ต้องการ เมื่อคุณกดปุ่ม "ดาวน์โหลด" รูปภาพที่เลือกทั้งหมดจะถูกบันทึกลงในไดเร็กทอรีดาวน์โหลดเริ่มต้นของ Chrome หรือไปยังไดเร็กทอรีภายในหากคุณระบุชื่อโฟลเดอร์ย่อย

คำเตือน: หากคุณยังไม่ได้ตั้งค่าไดเรกทอรีดาวน์โหลดเริ่มต้น คุณจะต้องเลือกตำแหน่งบันทึกสำหรับแต่ละภาพด้วยตนเอง ซึ่งอาจเปิดหน้าต่างป๊อปอัปจำนวนมาก

ไม่แนะนำให้พยายามดาวน์โหลดภาพจำนวนมากเกินไปในคราวเดียวโดยไม่มีไดเร็กทอรีการดาวน์โหลดเริ่มต้น

บันทึกการเปลี่ยนแปลง ================ 2.8: ปรับปรุงการค้นหาและรวบรวมรูปภาพ แก้ไขข้อผิดพลาดจำนวนมาก - เพิ่มสคริปต์การฉีดเพื่อป้องกันไม่ให้หน้าปิด shadowDOM (ซึ่งทำให้ไม่สามารถค้นพบรูปภาพภายใน)

หมายเหตุ: เว็บไซต์ใช้สิ่งนี้เพื่อหลีกเลี่ยงตัวบล็อกโฆษณา - เพิ่มการค้นหารูปภาพใน shadowDOM - เพิ่มการแทรกสไตล์ css เพื่อป้องกันการบล็อกโฆษณาของรูปภาพที่เพิ่มโดย IDC (มีผลเฉพาะองค์ประกอบที่มีคลาส 'idc-image') - เพิ่มตัวฟังเพื่อติดตามการเปลี่ยนแปลง DOM และค้นหาเป็นระยะ ๆ รูปภาพเช่น webp (ย้ายรูปภาพที่เหมือน gif) จาก youtube หรือเพิ่ม / ลบรูปภาพอย่างต่อเนื่องเช่นในการเลื่อน instagram - เพิ่มการบันทึกรายการรูปภาพที่ค้นพบลงในอาร์เรย์ซีเรียลไลซ์ในแท็กที่ซ่อนอยู่ในหน้า (หายไปเมื่ออัปเดตหน้า) - แก้ไขข้อผิดพลาด ในจำนวนการดาวน์โหลดที่ส่ง (เดิมคือ +1) - ปรับปรุง regexp เพื่อการค้นหารูปภาพที่ดีขึ้นในแท็ก 'สไตล์' (ไม่มีข้อมูลบางส่วน: URL รูปภาพ) - ทำความสะอาดและย้ายไปยังฟังก์ชันรหัสที่ตรวจสอบและแปล (หากจำเป็น) URL ที่เกี่ยวข้อง อย่างสมบูรณ์

ใช้ฟังก์ชันนี้สำหรับแท็กที่ไม่มีการตรวจสอบนี้ - ปรับปรุงผู้สังเกตการณ์เพื่อให้ค้นพบรูปภาพเพิ่มเติมจากองค์ประกอบชั่วคราว เช่น ป๊อปอัป (ขยายรายการตัวกรองแอตทริบิวต์) - ปรับปรุงการค้นหารูปภาพในแท็ก 'svg' - หากมีแท็กรูปภาพ จากนั้นส่งคืนรูปภาพจากพวกเขา แทนที่จะสร้าง base64 svg - ลบ encodeURI() ออกจากรหัสที่เติมข้อมูลและเข้าถึงแคชรูปภาพ

ไม่แน่ใจว่ามีจุดประสงค์อะไรเนื่องจากลิงก์ขาเข้าถูกแยกออกจากแท็กซึ่งควรจะเข้ารหัสไว้แล้ว

นี่เป็นการทำลายลิงก์ที่เข้ารหัสแล้วและมีอักขระพิเศษหลบหนี (ค้นพบสิ่งนี้ในวิกิพีเดีย - ลิงก์ที่มีวงเล็บ) - แก้ไขข้อผิดพลาดในการแยกวิเคราะห์แท็ก 'แหล่งที่มา' - เพิ่มการรองรับรายการที่มีความละเอียดต่างกันใน 'srcset' (1x, 2x, เป็นต้น

) - แก้ไขข้อบกพร่อง: เพิ่มรูปภาพ YouTube ซ้ำในป๊อปอัป

js - แก้ไขข้อบกพร่อง: สร้าง URL ที่ไม่ถูกต้องเมื่อ URL พื้นฐานลงท้ายด้วยแบ็กสแลช - แก้ไขข้อผิดพลาดในการแยกวิเคราะห์แท็ก img - แก้ไขข้อผิดพลาดในrelativeUrlToAbsolute - กำลังส่งคืน "ไม่ได้กำหนด" หากอินพุตว่าง - เพิ่มการค้นหาลิงก์ด้วยคำสั่ง "ปรับขนาด" สำหรับเซิร์ฟเวอร์ในส่วนการสืบค้นของ url - การเพิ่มลิงก์โดยไม่มีคำสั่งทำให้รูปภาพมีความละเอียดสูงขึ้น 2.7: ปรับปรุงการค้นหารูปภาพ แก้ไขข้อบกพร่องในโค้ดและการออกแบบ - เพิ่มการแยกวิเคราะห์แอตทริบิวต์ 'srcset' และ 'lowsrc' ใน 'img' แท็ก - เพิ่มการแยกแอตทริบิวต์ 'srcset' ในแท็ก 'แหล่งที่มา' (ภายในแท็ก 'รูปภาพ' html5) - เพิ่มผืนผ้าใบในการแปลงรูปภาพ - เทคนิคที่มีประสิทธิภาพในการแยกรูปภาพที่มีการป้องกันสูง (ไม่แม้แต่แสดงในแท็บทรัพยากรของเครื่องมือ Dev)

หมายเหตุ: ในขณะนี้ รูปภาพที่เพิ่มจะกองพะเนินทุกครั้งที่คลิกปุ่มส่วนขยาย

สามารถลบออกได้โดยการอัปเดตหน้า

- เพิ่มการตรวจสอบ URL ของรูปภาพแบบยาว (ส่วนใหญ่อาจเป็น data:image) และการวาง URL เหล่านั้นไว้ด้านบนของหน้าแทนที่จะส่งไปยังป๊อปอัป (เพื่อให้สอดคล้องกับการแปลง canvas-to-image ซึ่งสามารถสร้างสตริงข้อมูลขนาดใหญ่:image/ jpeg) - เพิ่มการเลือกสีทางลัดข้อมูลข้อความ (รวมอยู่ในตัวเลือกเดียวกับสีการเลือกรูปภาพ) ในหน้าตัวเลือก

ไอคอนจะถูกทำให้เป็นสีด้วยเช่นกัน - แสดงความคิดเห็นเกี่ยวกับรหัสที่ล้าสมัยเพื่อเปิดหน้าตัวเลือกหลังจากติดตั้งและตรวจหาเวอร์ชันก่อน 2.1 (ในค่าเริ่มต้น

js) - แสดงความคิดเห็นตัวเลือกความกว้างต่ำสุดเนื่องจากขณะนี้ใช้งานไม่ได้ (ไม่แน่ใจว่ามีประโยชน์หรือไม่) (ในตัวเลือก

html) - สร้างความสูงสูงสุดตามตัวเลือกความกว้างสูงสุด (เพื่อให้ทำงานได้ดีขึ้นหากเลือกภาพตัวอย่างขนาดเล็ก) - แทนที่ zepto

js พร้อมซอร์สโค้ดดั้งเดิมที่ไม่สับสน - แก้ไขภาพเคลื่อนไหวที่กะพริบสำหรับข้อความดาวน์โหลด (เห็นได้ชัดว่ามันใช้งานไม่ได้ตั้งแต่เปลี่ยนจาก jquery เป็น zepto) 2.6: การออกแบบใหม่ครั้งใหญ่และการค้นพบรูปภาพที่ได้รับการปรับปรุง - ปรับปรุงรูปลักษณ์ป๊อปอัปให้ทันสมัย ​​รูปภาพจะถูกวางบนไทล์พร้อมข้อมูลรูปภาพเพิ่มเติม เพิ่มการเลือกสีไทล์ให้กับตัวเลือก - แก้ไขข้อบกพร่องหลายจุด ปรับปรุงการค้นหารูปภาพสำหรับหลาย ๆ กรณี รวมถึงการแยกวิเคราะห์ css แบบลึกแทนการใช้ styleSheets api - เพิ่มทางลัดไปยังไซต์ค้นหารูปภาพย้อนกลับ (Google, Bing, Yandex, TinEye) สำหรับแต่ละภาพ 2.5: - เพิ่มการแสดงขนาดภาพและชื่อไฟล์ภาพ (สามารถปิดได้ในการตั้งค่า) - เพิ่มการเรียงลำดับภาพตามขนาด - สองตัวเลือกใหม่: 1) เรียงลำดับตามความกว้างเท่านั้น (ค่าเริ่มต้น) หรือตามความกว้าง+ความสูง 2) ใหญ่สุดถึง- เล็กที่สุด (ค่าเริ่มต้น) หรือย้อนกลับ - เพิ่มการปรับขนาดภาพในแนวตั้งหากภาพสูงกว่า 200px - รูปแบบ SVG ไม่ได้ถูกอ่านจากแท็ก 'svg' - แก้ไข - เพิ่มภาพการอ่านจาก 'โปสเตอร์' ของแท็ก 'วิดีโอ' - แก้ไขภาพพื้นหลังที่ไม่ใช่ - ได้รับการยอมรับ

การอ่าน styleSheets ดูเหมือนจะไม่ทำงาน (อ่านจาก cssRules)

ใช้วิธีแก้ปัญหา: ดึงไฟล์ CSS พร้อมลิงก์ที่ได้รับจากแท็ก 'ลิงก์'

หมายเหตุ: บางไซต์ใช้โดเมนระดับที่สองที่แตกต่างกันในการจัดเก็บ CSS ในกรณีนี้การดึงข้อมูลจะไม่ทำงานหากส่วนขยายไม่ได้รับอนุญาตสำหรับ 'all_urls' (หรือโดเมนใดโดเมนหนึ่ง)

ส่งผลให้ภาพบางภาพไม่แสดงขึ้น

ลบการอนุญาตในส่วนขยายของ Chrome หากเป็นปัญหา

- เพิ่มการค้นหารูปภาพความละเอียดสูงสุดบน Google Maps และ Street View Photos (ค้นพบ API ที่ไม่มีเอกสาร) - เพิ่มการแสดงตัวอย่างความละเอียดสูงสำหรับภาพขนาดย่อของ YouTube (รวมถึงวิดีโอของหน้าปัจจุบัน) - แก้ไข regexp สำหรับการแยกวิเคราะห์ลิงก์ของแท็ก 'a' เพื่อป้องกันไม่ให้ การค้นพบลิงก์รูปภาพ 2.4.2: - วิธีแก้ปัญหาสำหรับ Chrome ที่ไม่อนุญาตให้เข้าถึงกฎ CSS ข้ามโดเมน 2.4.1: - แก้ไขปัญหาที่ URL ที่ไม่ถูกต้องจะทำให้ส่วนขยายเสียหาย - https://github

com/vdsabev/image-downloader/issues/23 - อัปเดต Zepto

js ถึง 1.2.0 2.4: - เพิ่มตัวเลือกสำหรับการเปลี่ยนชื่อไฟล์ก่อนดาวน์โหลด 2.3: - เพิ่มการรองรับรูปภาพ BMP, SVG และ WebP - เพิ่มการรองรับ URL ที่เกี่ยวข้อง - ปรับปรุงความเร็วในการโหลดป๊อปอัปโดยการค้นหาผ่านองค์ประกอบที่น้อยลง - แทนที่ `chrome ที่เลิกใช้แล้ว .

ส่วนขยาย` การโทรด้วย `chrome.

รันไทม์ 2.2: - ลบการอนุญาตที่ไม่จำเป็นในการเข้าถึงแท็บ - ลบข้อความแจ้งเตือนการบริจาคเนื่องจากผู้ใช้บางคนบ่นว่ามันไม่หายไปหลังจากครั้งแรกอย่างที่ควรจะเป็น; ตอนนี้หน้าตัวเลือกจะเปิดขึ้นในการติดตั้งครั้งแรกแทน - บันทึกค่าของตัวกรอง URL - ความพยายามอีกครั้งเพื่อแก้ไขปัญหาการปรับขนาดบางอย่าง 2.1: - เพิ่มตัวกรองความกว้าง / ความสูงของภาพ - เพิ่มการรีเซ็ตการตั้งค่าทั้งหมดเพียงครั้งเดียวเนื่องจากการตั้งค่าบางอย่าง ผู้ที่มีปัญหาเรื่องขนาด - ลบตัวเลือกการจัดเรียงตาม URL 2.0: - เพิ่มความสามารถในการบันทึกไฟล์ไปยังโฟลเดอร์ย่อย - ใช้ API ดาวน์โหลดของ Google Chrome - ใช้การออกแบบที่สะอาดตาและอิงตามตาราง - การคลิกที่กล่องข้อความ URL รูปภาพจะเป็นโดยอัตโนมัติ เลือกข้อความเพื่อให้ผู้ใช้สามารถคัดลอกได้ - แก้ไขปัญหาการแสดงผลเล็กน้อย - เพิ่มการตั้งค่าสำหรับจำนวนคอลัมน์, ลบการตั้งค่าสไตล์เส้นขอบ - เพิ่มปุ่มบริจาคในหน้าตัวเลือก 1.3: - รูปภาพที่ใช้ในแท็กสไตล์จะรวมอยู่ใน จุดสิ้นสุดของรายการ

เฉพาะรูปภาพจากแอตทริบิวต์สไตล์อินไลน์ขององค์ประกอบที่ใช้รวม

- เพิ่มการรองรับ URI ข้อมูล - แก้ไขข้อผิดพลาดและเพิ่มประสิทธิภาพ 1.2: - เปลี่ยน URL เหนือรูปภาพให้แสดงในกล่องข้อความแบบอ่านอย่างเดียว - ย้ายช่องทำเครื่องหมายรูปภาพไปด้านบนและเพิ่มปุ่มเปิดและดาวน์โหลดด้านล่างแต่ละปุ่ม - เริ่มแรกปิดใช้งาน ปุ่ม "ดาวน์โหลด" และช่องทำเครื่องหมาย "ทั้งหมด" - แนะนำตัวเลือกใหม่สองสามตัวเพื่อซ่อนตัวกรอง ปุ่ม และการแจ้งเตือน - ลบตัวเลือกความกว้างของเนื้อหา ความกว้างของป๊อปอัพตอนนี้ปรับขนาดให้สัมพันธ์กับตัวเลือกความกว้างของรูปภาพสูงสุด - ปรับปรุงการออกแบบ 1.1: - แก้ไขการบันทึกความกว้างต่ำสุดและสูงสุดของรูปภาพ - เพิ่ม URL เหนือรูปภาพและตัวเลือกในการสลับ - เพิ่มโหมดตัวกรองตัวแทน (ควบคู่ไปกับ ปกติและ regex) - สถานะของตัวกรองที่เลือกจะถูกบันทึก - ย้ายตัวเลือก "จัดเรียงตาม URL" กลับไปที่ตัวกรอง - เพิ่มปุ่ม "ล้างข้อมูล" ในหน้าตัวเลือก

แม้ว่าส่วนขยายจะไม่ได้ใช้พื้นที่เก็บข้อมูลในเครื่องมากนัก แต่บางคนอาจชื่นชอบตัวเลือกนี้

- ปรับโครงสร้างโค้ดจำนวนมากโดยเฉพาะการใช้ที่เก็บข้อมูลในเครื่อง 1.0.13: - เพิ่มการแจ้งเตือนเพื่อให้ผู้ใช้ทราบว่าการดาวน์โหลดได้เริ่มขึ้นแล้ว - เพิ่มแอนิเมชั่นบางส่วนและขัดเกลาการแจ้งเตือนตัวเลือกอีกเล็กน้อย - แก้ไขตัวจัดการเหตุการณ์บางตัวที่กำลัง แนบหลายครั้ง 1.0.12: - ย้ายไปที่ jQuery - ใช้สถานะไม่แน่นอนสำหรับช่องทำเครื่องหมาย "ทั้งหมด" - ตอนนี้ปุ่ม "ดาวน์โหลด" จะถูกปิดใช้งานหากไม่มีการตรวจสอบรูปภาพ - แก้ไขข้อบกพร่องด้วยตัวเลือกการรีเซ็ต - ตอนนี้ผู้ใช้สามารถเลือกที่จะบันทึก ค่าการรีเซ็ต หรือเพียงแค่ยกเลิกการรีเซ็ตโดยการโหลดหน้าซ้ำ - เหมือนที่แจ้งไว้ในการแจ้งเตือน 1.0.11: - เปลี่ยนกลไกการดาวน์โหลดให้รองรับ Chrome v21+ - เพิ่มตัวเลือกตัวกรอง "แสดงเฉพาะภาพที่เชื่อมโยง" ซึ่งจะเป็นประโยชน์เมื่อคุณ ต้องการดาวน์โหลดรูปภาพที่อยู่ใน URL บนหน้าเว็บเท่านั้น

1.0.10: - เพิ่มการยืนยันการดาวน์โหลด 1.0.9: - จำนวนภาพจะแสดงถัดจากช่องทำเครื่องหมาย "ทั้งหมด" 1.0.8: - เพิ่มการตรวจหา URL ของภาพในแท็กสมอ โปรดทราบว่าคุณลักษณะนี้จะไม่ตรวจหา URL ที่ไม่มี

.jpg, .

เจเพ็ก, .

กิฟ หรือ .

นามสกุลไฟล์ png - ใช้นิพจน์ทั่วไปเพื่อหลีกเลี่ยงการส่งคำขอหลายร้อยรายการไปยังเซิร์ฟเวอร์ภายนอก 1.0.7: - ลบระบบการแจ้งเตือนบนเดสก์ท็อปที่เด้งขึ้นมาเมื่อคุณกด "ดาวน์โหลด" แทนคำอธิบายข้อความที่ควรรู้สึกง่ายขึ้น เพื่อควบคุม (ผ่านตัวเลือก) และล่วงล้ำน้อยลง สิ่งนี้ควรต้องได้รับอนุญาตน้อยลงสำหรับส่วนขยาย - เพิ่มตัวเลือกเพื่อซ่อนการแจ้งเตือนการดาวน์โหลด คนส่วนใหญ่ควรเข้าใจขั้นตอนการดาวน์โหลดหลังจากอ่านเพียงครั้งเดียว - ปรับแต่ง UI เล็กน้อย 1.0.6: - แก้ไขปัญหาเกี่ยวกับรูปภาพเปล่าที่ไม่จำเป็นหลายรูป 1.0.5: - องค์ประกอบที่แสดงรูปภาพโดยใช้คุณสมบัติ CSS "background-image" ตอนนี้จะถูกแยก 1.0.4 ด้วย: - เพิ่มการแจ้งเตือนที่แจ้งเตือนผู้ใช้เมื่อกระบวนการดาวน์โหลดได้เริ่มขึ้นและอธิบายว่าจะหาไฟล์ได้จากที่ใด เครดิต ================ อ้างอิงจาก ตัวอย่างส่วนขยายของ Google Chrome "ดาวน์โหลดลิงก์ที่เลือก": https://developer

โครเมียม.

com/extensions/examples/api/downloads/download_links.com

zip ใช้ไลบรารี JSS ขนาดเล็ก แต่ยอดเยี่ยม: https://github

com/Box9/jss และ Zepto.

js: http://zeptojs.

com รูปภาพ: ดาวน์โหลด.

svg ได้รับอนุญาตจาก CC BY 3.0 จาก oNline Web Fonts http://www.

เว็บฟอนต์ออนไลน์

เปิดคอม/ไอคอน

svg ได้รับอนุญาตจาก CC BY 3.0 จาก oNline Web Fonts http://www.

เว็บฟอนต์ออนไลน์

ใบอนุญาต com/icon ================ ลิขสิทธิ์ (c) 2019 Dmitry Kislitsyn, Vladimir Sabev อนุญาตให้บุคคลใดๆ ที่ได้รับสำเนาของซอฟต์แวร์นี้และที่เกี่ยวข้องโดยไม่คิดค่าใช้จ่าย ไฟล์เอกสาร ("ซอฟต์แวร์") เพื่อจัดการในซอฟต์แวร์โดยไม่มีข้อจำกัด รวมถึงแต่ไม่จำกัดสิทธิ์ในการใช้ คัดลอก แก้ไข ผสาน จัดพิมพ์ แจกจ่าย ให้อนุญาตช่วง และ/หรือขายสำเนาของซอฟต์แวร์ และอนุญาตให้บุคคล ผู้ซึ่งซอฟต์แวร์ได้รับการกำหนดให้ดำเนินการดังกล่าว ภายใต้เงื่อนไขต่อไปนี้: ประกาศเกี่ยวกับลิขสิทธิ์ข้างต้นและประกาศการอนุญาตนี้จะรวมอยู่ในสำเนาทั้งหมดหรือบางส่วนที่สำคัญของซอฟต์แวร์

ซอฟต์แวร์นี้มีให้ "ตามที่เป็น" โดยไม่มีการรับประกันใดๆ ทั้งโดยชัดแจ้งหรือโดยนัย รวมถึงแต่ไม่จำกัดเพียงการรับประกันความสามารถในการซื้อขาย ความเหมาะสมสำหรับวัตถุประสงค์เฉพาะ และการไม่ละเมิด

ไม่ว่าในกรณีใดผู้เขียนหรือผู้ถือลิขสิทธิ์จะไม่รับผิดชอบต่อการเรียกร้องค่าเสียหายหรือความรับผิดอื่น ๆ ไม่ว่าจะในการดำเนินการตามสัญญาการละเมิดหรืออื่น ๆ ที่เกิดขึ้นจากหรือเกี่ยวข้องกับซอฟต์แวร์หรือการใช้งานหรือการติดต่ออื่น ๆ ใน ซอฟต์แวร์.

ข้อมูลเพิ่มเติม:

- นำเสนอโดย DK
- คะแนนเฉลี่ย : 4.31 ดาว (ชอบ)
- นักพัฒนา อีเมลนี้จะถูกป้องกันจากสแปมบอท แต่คุณต้องเปิดการใช้งานจาวาสคริ

Image Downloader ต่อเว็บ extension รวมเข้ากับ OffiDocs Chromium ออนไลน์