Web "ブラウザ" "編集" "JavaScript" 活用
WEB上のテキストを編集したい時に便利かもしれないJavaScriptの紹介をします。
実際に編集しようとしてみると、レイアウトが崩れたり、思ったように作業ができなかったりとしました。
他人のサイトを編集して、自分のスキルアップとかに使えるかもしれません。デザインを変更するとかってなると、エディターを使った方がいいです。
かなり昔からある小技です。いざという時のために覚えておいてもよさそうな程度です。
画面キャプチャーする時に、いらない文字列を削除したり、文字を付け加えたりする程度なら使えそうかなとも思います。まぁ、遊び心ってやつですかね。
- 編集したい画面にc&pするだけでエディターになります。
" javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 "
contenteditable - とほほのWEB入門
- 他にも面白JavaScriptがあります。
- 画像が回転。Enterキーで速くなります。
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0);
- ページが破壊されます1。
javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";var da=new Date();s.src="http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown/meltdown.js?"+da.getTime(); document.body.appendChild(s)})();
- ページが破壊されます2。
javascript:(function(d,s){s=d.createElement('script');s.type='text/javascript';s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown2.js?'+(new Date).getTime();s.charset='UTF-8';d.body.appendChild(s);})(document)
- 移動できます。
javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";var da=new Date();s.src="http://www.rr.iij4u.or.jp/~kazumix/d/javascript/fukuwarai.js?"+da.getTime(); document.body.appendChild(s)})();
- 画像が落下します。
javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();
- 怪奇現象（気持ち悪いです）。
javascript:(function(){var d=document;var s=d.createElement('script');s.type='text/javascript';var date = new Date();s.src='http://www.foxj.jp/shutter/blogparts/shutter.js?'+date.getTime();
