jquery - ページからすべての CSS スタイルシートを削除する

Question

css を適用せずにページを表示したい。ページ内にjqueryスイッチを追加して、すべてのスタイルシートを無効にすることは何とか可能ですか?

理由: サイトの CSS スタイルを無効にする機会をクライアントに与えることで、クライアントにデザインの重要性を示したいと考えています。彼が自分でそれをトリガーできると、より説得力があります:)

Answer 1

下書きに数分費やしただけ

 (function(f,a,s,x){
  x=$(a);x.map(function(i,o){o=$(o);o.data(s+s,o.attr(s));o.removeAttr(s)});
  $(s+',link[rel='+s+'sheet]').appendTo(f);
  setTimeout(function(){
   $(a,f).appendTo('head');
   x.map(function(i,o){o=$(o);o.attr(s,o.data(s+s))})
  },999);
 })($('<i>'),'*','style');

Answer 2

すべて無効にします

StyleSheetList.prototype.forEach=Array.prototype.forEach; // *Note
document.styleSheets.forEach((ss)=>ss.disabled=true);

または (すべて無効)

for(styleSheet of document.styleSheets){ styleSheet.disabled=true; }

または (すべて削除)

StyleSheetList.prototype.forEach=Array.prototype.forEach;
document.styleSheets.forEach((ss)=>ss.ownerNode.parentNode.removeChild(ss.ownerNode));

または (すべて削除)

for(styleSheet of document.styleSheets){ styleSheet.ownerNode.parentNode.removeChild(styleSheet.ownerNode); }

*注: プロトタイプを変更したくない場合は、次のように呼び出すことができます。

Array.prototype.forEach.apply(document.styleSheets,[(ss)=>ss.disabled=true])

Answer 3

これをドキュメントの準備ができている場所に置きます。

$('link[rel=stylesheet]').remove();

または、ボタンにバインドします。

Answer 4

これを試して

$('link[rel="stylesheet"]').remove();