dayflower https://blog.hatena.ne.jp/dayflower/ daily dayflower https://dayflower.hatenablog.com/ webdev テクニックと呼ぶにはくだらないというか，すでに広くやられていることとは思うのですが，デバッグ出力をコンソールではなくブラウザに出力するようにすると，社内テストの際などに役に立ちます。 もちろん，普通に頭やケツに流し込んだだけでは，デザインが崩れたりする可能性があるので対処します。スタイルシートで position: absolute; 等でオーバーレイさせ（IE 以外では fixed のほうがなおよし），デフォルトで visibility: hidden; にして（display: none; でもいいですが）情報表示用リンクをクリックしたときだけ表示されるようにすると，かっこいいです。さらに… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdayflower.hatenablog.com%2Fentry%2F20060420%2F1145500867" title=" ウェブアプリのデバッグ出力は position: absolute; or fixed; - daily dayflower" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2006-04-20 11:41:07 rich https://dayflower.hatenablog.com/entry/20060420/1145500867 1.0 100%