JavaScript WEBページ 編集 ブラウザ上で編集

javascript:document.body.contentEditable='true;
 document.designMode='on';
 void 0

を使うとウェブブラウザ上でホームページを編集可能にする。
IE7とIceweasel3.0.6では動作実証済
javascriptってクロスコンパイルだかが面倒よね
これは人に教えてもらったものだからよくわからんがｗ

下のをお気に入りに登録すると
いつでもどこのページでも編集可能になるよ
使い方はたくさん
悪用はダメだお(^ω^)

もちろん編集した後編集モードを抜けるのもある
これもお気に入りから実行

javascript(編集モードON)
javascript(編集モードOFF)

でもこれだと面倒くさいので自動でON/OFFするスイッチバージョンがこちら
document.designModeの意味はわからない，なくてもいいけどないと動かない気がする

javascriptの実行(編集モードON/OFF)

中身はこちら

javascript:
if(document.body.contentEditable){
  if(document.body.contentEditable=='true'){
    document.body.contentEditable='false';
  }else{
    document.body.contentEditable='true';
  }
}else{
  if(document.designMode=='off'){
    document.designMode='on';
  }else{
    document.designMode='off';
  }
}
void0;

その途中で使ったデバッグ表示用のも

javascript(デバグ用ON/OFF)

中身はこちら

javascript:
window.alert(
  'Now...\ndocument.body.contentEditable%20=%20'
  +document.body.contentEditable+
  '\ndocument.designMode%20=%20'+document.designMode
);
if(document.body.contentEditable){
  if(document.body.contentEditable=='true'){
    document.body.contentEditable='false';
    window.alert('document.body.contentEditable%20=%20false');
  }else{
    document.body.contentEditable='true';
    window.alert('document.body.contentEditable%20=%20true');
  }
}else{
  if(document.designMode=='on'){
    document.designMode='off';
    window.alert('document.designMode%20=%20off');
  }else{
    document.designMode='on';
    window.alert('document.designMode%20=%20on');
  }
}
void%200;

ついでだから
アラートでON/OFFを知らせるバージョンも

javascript(アラート付ON/OFF)

WEBページを印刷して何だか・・・っていうときに
編集してから印刷すると・・・何だかが何だかにできたり(*≧艸≦)