Hatebladder

Web ブラウザに表示されている画面を直接編集する方法

これはすごい。Web ブラウザのアドレスバーに以下を入力し Enter すると、 今表示されている内容を直接編集できる。Firefox 3.0.14 と IE8 で出来 ることを確認した。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0WEBブラウザーに表示されている画面を直接編集す...

URL

http://masutaka.net/chalow/2009-10-04-1.html

Tags

bookmarklet javascript webデザイン ブラウザ firefox ブックマークレット あとで読む html web browser design hack これはすごい ie お役立ち デザイン web制作 資料 tips webdesign tool ネタ 仕事 おもしろ プログラミング pc *javascript インターネット programming *web あとで試す *ネタ あとで *firefox lifehack **web制作 *** js *web制作 *webデザイン *tips *あとで読む work dom

ブックマーク：

このエントリーをブックマークしているユーザー

• dyamashiro すげえ
• nyon2
• yuhei1003
• Richy
• yogasa
• kamiaki
• bigbro
• webmaker-909
• sometk
• asashigu
• misomakura
• lonelyman
• voidy21
• Akinao8
• imsano
• frege
• rz1h931f4c
• tyru さっそくブックマークレットにした
• keigow
• coffeemaker2010
• unproblematic
• japanrock ブラウザで直接編集
• myama02
• kiyo560808
• shidho
• fragilee
• nihen
• nazu8722
• batta
• kimata24
• kyutakana いつか使うかな
• hiro360
• amaria
• nobukn
• dizy
• f-suger
• junn8
• rintetra
• Spiral-MEGANE
• haishi これはすごい。Web ブラウザのアドレスバーに以下を入力し Enter すると、 今表示されている内容を直接編集できる。Firefox 3.0.14 と IE8 で出来 ることを確認した。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
• svryag
• xbrg-koba
• aralia
• ohtaman
• kazunie
• TA90
• todojun
• yamkazu すげー。けど、どういう時つかうんだろうか。
• Labe-hama
• pc_nagomu
• tomoaoki
• o_hiroyuki
• taka222
• deeeki
• pyawk
• chinneng
• naoru
• nantan 直接編集
• yong-e 直接編集
• yyuuzzuu
• asagaoku-man1
• hirofumix
• session00
• kengo9999q
• Inuneco
• SGHR
• nekomori
• t4nch0
• rutebozu
• omoniseo
• er1kaxxx
• okezilla
• yuu-kuni
• kin1222 ほんとうだ！！！すごい/とりあえずメモって、scrapbookに入れるのがいいのかな？
• Gesaku_G
• decoy2004
• chiaki1220jp おおお！
• penpen-0704
• daimax4
• wanderingdj
• oyuuii
• hemo
• funya-r
• hermurder
• susue
• hhungry
• rephis
• j2valjean
• asari3
• ku__ra__ge おもしろい
• kakei
• m_insolence
• nobok
• daizu6110
• rin1024
• isaisstillalive
• hack9
• gan2
• tgk javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
• KenSmile
• taroukaja
• yoshi_zo
• masahiro0128
• moeprj
• ushi2
• akakit javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
• gikanobi
• f96q
• cz8686
• dharry
• bashi21
• qqqqqppppp
• KUMa
• yo-11-06
• zariganitosh
• shadow-toon
• tomtgm
• kawaBauer
• jinchangz
• napori49
• gachakku0131
• K-yamada ブラウザ直接編集
• SIMPLETON これは驚きました。
• hatanaoki
• solaris_almagest
• yupio84g
• shirakei
• pizz_QQ
• sirocco
• fm00ak00
• sihou1 こういうマニアックな情報は、どこで入手されるのでしょうか？凄いです
• yoshioka89
• kamadon
• semi
• ysdnbhr
• sotarok しらなかった．すげー
• wozozo
• Twiknight
• gouk
• elgoogjp
• miyazeko
• alexam
• gogatsu26
• loosecontrol
• konekonekoneko
• sea-of-star
• vovm
• honyalink
• t0m0
• hiranotkm ちょっとした編集ならこれもいいけど，がっつり編集するならこっちのほうが便利だよ→ http://cazlog.cocolog-nifty.com/blog/2008/01/ie_5fb8.html
• kanimaster
• komz
• sola111
• masui 編集結果をサーバに戻すことはできるのかしらん
• jillij3
• fmaction
• subAccount
• takuma1021
• golp7 なかなか面白い。
• itm_tokyo
• kodaniya
• lepton9
• jannejango
• tmdenki
• youkit
• xiuxing
• botp
• yoshihiro8369
• hengsu なるほど。
• new747
• tak-arumakan
• nyubachi
• suesh32
• motoson
• KoshianX
• hide7096
• gungle これは、すごい。
• abcpweb
• matuhiro27
• pontanta
• lllbjdlll ブラウザ
• younny 早速ブックマークレットにしよう
• horihorio
• littlefield
• zmg909
• CUTPLAZA-Tomo GoogleChromeも出来た
• geekhead64
• shimibow
• obake ブラウザに表示されている画面を直接編集するブックマークレット
• shimael
• niemands
• adsty
• pomo123
• nobi0807
• you_haco
• unknownlabel
• tadaemon
• stolpnik
• gaya1114
• sivadselim
• soyokazeZZ
• ponio
• katzchang ほんとだ。
• beautymaquia
• shiget84 すげー。
• milk1000cc
• Gakkuri-Kanabun_09
• y-shift
• asmblr
• kathew
• spyredhat ブックマークレット
• Re75
• glaybe2
• ahmok
• Kei1Japan
• green0
• kamonoha6
• mmddkk
• hirali
• kamemoge
• wireself Opera10で確認。知らんかった。いろいろ使えそう。
• notosama
• faketurn
• rarara6
• toshiyuki83
• bugcloud
• Cheru
• takuya5455 Web ブラウザのアドレスバーに以下を入力し Enter すると、 今表示されている内容を直接編集できる。Firefox 3.0.14 と IE8 で出来 ることを確認した。
• mllm
• sydbarrett
• kistame228
• taichistereo
• ringo345
• tamu2822
• mochinaga
• caprocks5
• shichimin ブックマークレットにしとくと便利？
• ura_ichi セキュリティにうるさい開発現場でモダンブラウザすらインストールしちゃいけない、IE8だけがインストール状況で、手早く画面でスタイル調整するときに使えるかも
• lhapras
• Arthur7 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
• starmap
• abebetaro
• caquu おおぅ
• rafbm
• kalmalogy
• monday4692
• kadokurarara 　すごい。だからどうってわけじゃないんだけど。
• Luigitefu 使う機会あるかなー
• yP0hKHY1zj 新規タブが開いちゃう人は「Alt+Enter」でOKだよ。
• Nean
• openwave
• jun14ryo
• okv
• marukoro3150
• kouchan
• no_makibou_no_life
• kekure
• tokinon
• LukeSilvia javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
• iwazer
• yocchi24
• nakagaw Tab Mix Plus いれて検索バーから新規タブを開くようにしていると、できない
• an-other Custom Buttonsに移植。 http://other-webscrap.blogspot.com/2009/10/webcustom-buttons.html
• yonehidej
• hirok52 スクリーンショットを撮るときに使えるかも。
• maryu
• Journey どういう時に使うんだ？　/　理解した。これは便利。
• serizawawawa
• KOTETU
• hjm
• k-r
• saladdays
• sezu designModeオプションってすごいよね。iframeだけじゃなくてdocumentにもつけられるのか
• haimen なんこれ！すごい！
• nekotonegima これで、はてなスターで自由にコメントつけられる！…と思ったら、Sleipnir2（IE8）では無理でした。
• k_wizard これは・・・ｗ
• heyacho 直接WEB編集
• rumbaba
• genms
• yoshiyoc
• pikayan
• daisuke909 chrome3.0.195.27で確認
• kaw0909
• tsuki-rs
• sudan
• bunhiko
• dorotabo
• peter-pan
• americanboss スクショ撮るのにわざわざHTMLで保存してbaseタグ書いて……ってやってた俺の苦労を返してくれ！
• tgt
• Wender
• MAXjeep ちょっとニュースサイトの記者になってくる
• ep1
• t-tanaka 「javascript:document.body.contentEditable='true'; document.designMode='on'; void 0;」 スクリーンショットの信用度がますます下がる件（もともと低いが）。
• microgravity しらなんだ
• orangehalf FirefoxならAddOnのPage Hacker入れてみては? https://addons.mozilla.jp/firefox/details/5753
• super-nachio
• spade9970 「javascript:document.body.contentEditable='true'; document.designMode='on'; void 0」
• Rewish
• seenoview
• ruruneko123
• fukken
• payopayo54
• con_mame
• Imamura PCからFAX送れるから「このページを印刷し、記入の上FAXしてください」をペーパーレスにできてスッキリ。／リロードしたら戻った
• tsuyok
• site159
• tsutomura
• moon_croix
• kipa
• bugiugi
• ShimokitaHantou
• es-row
• croneco
• whiteball22
• dameninngenn_owata
• anoncom
• venture
• winriver
• tohokuaiki へぇ。FireBugでちまちまとやってたよ。便利や。早速、ブックマークレットした
• TMTL
• nozue
• HolyGrail 昔mixiが多分なんかのミスなんだろうけど日記一覧とかで普通にコンテンツいじれるようになってて爆笑した記憶がある。
• prime503 おーこれいいなー。
• lesser28
• grayzone
• Honekawa
• stkyoto
• j_zero24
• u1_fukui
• Randiro10
• pukada
• koba1984
• ohnishiakira
• wish-fav
• y-kawaz Firefox以外にChrome,Safari,IE,Operaでも出来るよ、IEはちょっと挙動が違うけど。／説明用の画面キャプチャ作るときとかに手軽に表示項目を改竄するのに便利なので良くやる。
• zcodeak
• vanish_l2 メモメモ
• she1face2lead
• YAK
• A410
• mozu_ce ソースすら開かず直で。わふ
• sorshi
• tknzk
• hotch_botch
• tak_yah なんぞ
• koki0702
• tarchan
• StepHacks
• araishi オモロー
• forcutie ちょっとした確認用に
• MIchimura
• bunjack
• ruoyue776
• vantguarde ブログのリッチテキストエディタとかで結構contentEditableつかわれてる気がするけれど、あまり知られてないのかなあ。
• secondrunner
• tai_1969
• kurumigi
• hysa ブックマークレット：javascript:document.body.contentEditable='true'; document.designMode='on'; void 0;
• okusa75
• rikuo
• yakinassul
• heysuck
• muuum
• and_hyphen おお
• SiroKuro
• tankan77
• minony
• Fou
• ZAORIKU
• mimimi0101
• westerndog
• kane46takax
• otsune
• n2s Chrome 3.0.195.27 & 4.0.221.6でも確認できました。
• imaiworks なにこれ！すごい！
• sonori
• jiskay Opera10.00でもできるな。/ 元に戻すときはjavascript:document.body.contentEditable=false; document.designMode='off'; void 0; でどうだろ。 / …とコメントをpostしたら見切れたでござるの巻
• sonota88 へー！
• makeplex
• Naruhodius
• yuiseki
• iskwn すげーーー！！

Web ブラウザに表示されている画面を直接編集する方法

上へ戻る