ภายใต้ Firefox, ดู -> สไตล์ของหน้า -> ไม่มีสไตล์อนุญาตให้ดูเพจที่ไม่มีสไตล์ มีประโยชน์สำหรับไซต์ที่ต้องพึ่งพา JS / สไตล์ชีทมากเกินไป (เช่น: Lifehacker)
มีฟังก์ชั่นที่คล้ายกันภายใต้ Chrome ของ Google และ / หรือฉันจะเข้าถึงสิ่งนี้ได้ที่ไหน?
รุ่น 19.0.1084.56 / Ubuntu
คำตอบ:
เนื่องจากหน้าที่ทันสมัยส่วนใหญ่จะกำหนดสไตล์ทั้งหมดในไฟล์ CSS ภายนอกซึ่งรวมอยู่ในการ<head>ลบheadแท็กจะเป็นการลบสไตล์ทั้งหมดอย่างมีประสิทธิภาพ (ยกเว้นสไตล์อินไลน์อย่างชัดเจนและสไตล์ที่กำหนดโดยสคริปต์) คลิกขวาที่หน้าเลือกการตรวจสอบจากเมนูบริบทและวางลงในแท็บคอนโซล:
document.head.parentNode.removeChild(document.head);และนี่คือเวอร์ชัน bookmarklet ของโค้ดด้านบนซึ่งสามารถวางเป็น URL ของบุ๊กมาร์ก(สลับแถบบุ๊กมาร์กใน Chrome ด้วย⌘+ shift+ bบน Mac หรือctrl+ shift+ bบน Linux / Windows) :
javascript:(function(){document.head.parentNode.removeChild(document.head);})()คุณสามารถพิมพ์รหัสด้านบนลงในแถบที่อยู่ได้โดยตรง แต่อ่านบันทึกท้ายคำตอบก่อนที่จะทำ .
การลบ<head>สามารถทำได้จากแท็บdevtools Elementsโดยคลิกขวาที่แท็กส่วนหัวและลบออกผ่านเมนูบริบท:
หมายเหตุ: การลบแท็กส่วนหัวเป็นวิธีการที่ดุร้ายเพราะมันจะฆ่าทุกรูปแบบ, จาวาสคริปต์, แบบอักษรของเว็บ ฯลฯ และหากเนื้อหาของหน้าเว็บถูกแสดงผลโดยจาวาสคริปต์ก็เป็นไปได้ว่าคุณจะได้หน้าว่าง ในเว็บไซต์ส่วนใหญ่อาจจะให้ผลลัพธ์ที่คาดหวัง
กรณีการใช้งานบ่อยครั้งมากขึ้นคือการลบสิ่งที่น่ารำคาญในหน้าเช่นสี, ระยะขอบ, iframes เป็นต้นในกรณีเช่นนี้ bookmarklet อย่างใดอย่างหนึ่งต่อไปนี้จะให้การควบคุมที่ละเอียดยิ่งขึ้น
สร้างบุ๊กมาร์กและเพิ่มตัวอย่างต่อไปนี้เป็น URL:
javascript:(function(){for(i=0;i<document.styleSheets.length;i++){document.styleSheets.item(i).disabled=true;}all=document.getElementsByTagName('*');for(i=0;i<all.length;i++){el=all[i];el.style.cssText='';el.style.width='';el.style.padding='0px';el.style.margin='2px';el.style.backgroundImage='none';el.style.backgroundColor='#fff';el.style.color='#000';}})()ตอนนี้คุณสามารถคลิกที่คั่นหนังสือของคุณเพื่อล้างสไตล์ CSS ในหน้าปัจจุบันไปยังสิ่งที่อ่านง่ายขึ้น
หมายเหตุ:ในความเป็นจริงเป็นไปได้สำหรับหน้าเว็บที่มี
<style>บล็อกอยู่ภายใน<body>แท็ก - มาตรฐาน HTML5 อนุญาตให้สิ่งนี้และเบราว์เซอร์ส่วนใหญ่สนับสนุน จนถึงตอนนี้ไม่ได้เป็นเรื่องธรรมดา แต่เป็นกรอบเว็บที่พัฒนาเราอาจเห็น 'สไตล์ชีทท้องถิ่น' มากขึ้นในเว็บในอนาคต
หากคุณเพียงต้องการปรับปรุงการอ่านแล้วการปิดใช้งาน CSS ทั้งหมดอาจไม่ให้ประสบการณ์ที่ดีที่สุด ในกรณีเช่นนี้ bookmarklet ด้านล่างอาจให้ผลลัพธ์ที่ดีกว่า:
javascript:(function(){var elems=document.body.getElementsByTagName("*");var len=elems.length;for(var i=0;i<len;i++){var pos=window.getComputedStyle(elems[i],null).getPropertyValue('position');if(pos=='fixed'||pos=='sticky'){var el=elems[i];el.parentNode.removeChild(el);}}})()javascript:var frames %3D document.getElementsByTagName%28"iframe"%29%3Bfor %28%3Bframes.length%3B%29 %7Bframes%5Bframes.length-1%5D.parentNode.removeChild%28frames%5Bframes.length-1%5D%29%3B%7Dvoid%280%29การทำเช่นนี้จะฆ่าวิดีโอที่ฝังส่วนใหญ่วิดเจ็ตแสดงความคิดเห็น ฯลฯ
javascript:(function(){function toArray(c){var a,k;a=new Array;for(k=0;k<c.length;++k)a[k]=c[k];return a;}var images,img,altText;images=toArray(document.images);for(var i=0;i<images.length;++i){img=images[i];altText=document.createTextNode(img.alt);img.parentNode.replaceChild(altText,img)}var alle=document.getElementsByTagName("*");for(var i=0,max=alle.length;i<max;i++){alle[i].style.backgroundImage='none';}})();หมายเหตุ: สิ่งนี้จะต้องใช้ร่วมกับRemove iframesด้านบนเนื่องจากภาพแบนเนอร์ส่วนใหญ่มักจะอยู่ใน iframes และ bookmarklet นี้ใช้ได้กับเอกสารระดับบนสุดเท่านั้น
สามารถใช้ bookmarklet สำหรับไซต์ที่ไม่แสดงเนื้อหาเมื่อมีการใช้ตัวบล็อกโฆษณา
คุณสามารถใช้Bookmarklet Builderเพื่อยกเลิกการลดขนาดรหัส ( ปุ่มรูปแบบ ) แก้ไขให้เหมาะกับความต้องการของคุณและย่อขนาดกลับมา ( ปุ่มบีบอัด ) ให้เป็นสิ่งที่คุณสามารถวางเป็นที่คั่นหน้า URL
bookmarklet ที่ระบุไว้ด้านบนนี้จะทำงานบนเว็บเบราว์เซอร์มือถือส่วนใหญ่บนทั้ง iOS และ Android เบราว์เซอร์มือถือจะไม่เรียกใช้จาวาสคริปต์จากแถบที่อยู่ แต่คุณสามารถเพิ่มบุ๊กมาร์กวางรหัส js เป็น URL ตั้งป้ายกำกับเช่น
cleanจากนั้นเรียกใช้โดยแตะที่รายการในเมนูบุ๊คมาร์ค (สำหรับ IOS safari) หรือพิมพ์cleanในแถบที่อยู่แล้วแตะบุ๊กมาร์กที่เกี่ยวข้องในดรอปดาวน์อัตโนมัติ นี้สามารถปรับปรุงการอ่านสำหรับหน้าเว็บที่ไม่มีโหมดการอ่านหมายเหตุ:หากคุณคัดลอกและวาง bookmarklet ด้านบนลงในแถบที่อยู่โดยตรงคุณจะสังเกตเห็นว่าเบราว์เซอร์ลบ
javascript:คำนำหน้า - นี่คือคุณลักษณะความปลอดภัยของเบราว์เซอร์ดังนั้นหากคุณต้องการทดสอบ bookmarklets โดยตรงจากแถบที่อยู่คุณจะเห็น จำเป็นต้องเสริมjavascript:ด้วยตนเองก่อนรหัส js
หากคุณกำลังมองหาการขยายโครเมี่ยมแล้วมีuMatrixซึ่งคุณสามารถคลิกคอลัมน์ CSS ที่จะปิดการใช้งานทุกรูปแบบ CSS และและนักพัฒนาเว็บที่ภายใต้แท็บ CSS คุณมีตัวเลือกรูปแบบการปิดใช้งานทั้งหมด
คุณสามารถใช้Web Developer extension ได้:
ไม่มีรุ่นของสไตล์ไม่มี Chrome (หรือยัง) คุณต้องใช้วิธีอื่นเช่นส่วนขยายอื่น ๆที่สามารถปิดใช้งานสไตล์ได้
คุณสามารถใช้ปิดการใช้งาน Stylesheetsขยายไปยังสไตล์ชีตปิดการใช้งานทั่วไปหรือนักพัฒนาเว็บส่วนขยายเพื่อสลับทุกรูปแบบหรือปิด Penduleยังเป็นส่วนขยายที่เป็นที่นิยมสำหรับวัตถุประสงค์นี้
คุณสามารถปิดการใช้งานสไตล์ด้วยเครื่องมือของนักพัฒนา[1] [2] :
ไอคอนรูปเฟือง -> แท็บ CSS -> ปิดใช้งานลักษณะทั้งหมด
หากคุณกำลังทำสิ่งนี้ด้วยเหตุผลความเร็วฉันขอแนะนำทางเลือกอื่น: ลิงค์ 2
เมื่อเบราว์เซอร์เปิดขึ้นมาให้กดgและพิมพ์ URL ที่คุณต้องการไป เบราว์เซอร์นี้มีน้ำหนักเบาตามมาตรฐานที่รองรับ แต่รวดเร็วอย่างน่าอัศจรรย์แม้บนพีซีที่เก่ามาก
ภายใต้ Firefox, ดู -> สไตล์ของหน้า -> ไม่มีสไตล์อนุญาตให้ดูเพจที่ไม่มีสไตล์ มีประโยชน์สำหรับไซต์ที่ต้องพึ่งพา JS / สไตล์ชีทมากเกินไป (เช่น: Lifehacker) มีฟังก์ชั่นที่คล้ายกันภายใต้ Chrome ของ Google และ / หรือฉันจะเข้าถึงสิ่งนี้ได้ที่ไหน? รุ่น 19.0.1084.56 / Ubuntu - ดร. เอ็ดเวิร์ดมอร์เบียส
...
ใช่. การสลับสไตล์ชีทสำหรับเซสชันปัจจุบันจะเพียงพอ การสลับ CSS, JS, คุกกี้ ฯลฯ สำหรับเว็บไซต์ทั้งหมดนั้นถูกต้องแล้ว น่าเสียดายที่ดูเหมือนจะเป็นสิ่งที่เกิดขึ้น ฉันจะอธิบายประสบการณ์ว่า "น่ารำคาญเล็กน้อย" - ดร. เอ็ดเวิร์ดมอร์เบียส
การใช้ไลบรารี jQuery ที่console(Chromium / Chrome, Firefox, Opera) ควรล้างสไตล์ผู้แต่งจากเอกสาร HTML:
(function clearStyle(){
c='';$('link[rel=stylesheet]').attr('href',c);
$('style').html(c);$('*').attr('style',c);})()
https://github.com/guest271314/toggleStyles/blob/master/clearStyle.min.js
หากต้องการสลับเปิดหรือปิดสไตล์ในเอกสาร HTML สิ่งนี้อาจมีประโยชน์:
https://github.com/guest271314/toggleStyles/blob/master/toggleStyles.js
โหลด jQuery ลงในเอกสารจากไฟล์โลคัลหรือจาก CDN ของ jQuery บันทึกความสำเร็จสถานะบันทึกสไตล์สลับการเปิดหรือปิดสไตล์ผู้เขียนโดยการกดแป้นเว้นวรรคหรือที่คอนโซล
ผ่านการทดสอบใน Chromium / Chrome, Firefox และ Opera สำหรับเอกสาร HTML ในท้องถิ่นและออนไลน์
เครื่องมือที่ฉันต้องการในปัจจุบันคือส่วนขยายเบราว์เซอร์ uMatrixซึ่งช่วยให้ควบคุมได้ละเอียดยิ่งขึ้น: ปิดการใช้งาน CSS, JS, รูปภาพหรือคุณสมบัติอื่น ๆ โดยโหลดโดเมนเทียบกับเว็บไซต์ปัจจุบัน การเปลี่ยนแปลงอาจสลับได้อย่างง่ายดายทำถาวรหรือโยนเป็นกฎเริ่มต้น
ที่อยู่นี้มีสไตล์ที่อยู่ส่วนใหญ่ของความต้องการปรับแต่ง as-a-reader ของฉัน Reader-Mode (Firefox) มีแนวโน้มที่จะให้เนื้อหาที่มีสไตล์เหมือนกันอย่างน่าเชื่อถือ
การขยายคำถาม: ใน Chrome / Android ฉันไม่มีตัวเลือกที่ใช้การได้และโซลูชันที่แนะนำข้างต้นไม่ทำงาน
รหัส jquery บรรทัดเดียวเท่านั้น ... ใช้
jQuery("head").empty();
หรือในจาวาสคริปต์ที่คุณสามารถใช้ได้
document.getElementsByTagName("head")[0].innerText="";
ไปที่หน้าเว็บของคุณแล้วกด ctrl + shift + i คุณจะเห็นเมนูเลือกคอนโซลและวางdocument.getElementsByTagName("head")[0].innerText="";รหัสนี้แล้วกด Enter
document.getElementsByTagName("head")[0].innerText="";รหัสนี้แล้วกด Enter