phpでの開発中、偶にXdebugのエラー出力がhtmlタグの中に入り込んでうまく表示されない場合があるので困る。
なので↓のhtmlを作ってみた。
https://salty-eyrie-60368.herokuapp.com/
ソース【gistはこっち】
xdebug.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="content-language" content="ja">
<!-- 各自の環境に合わせて調整してね meta http-equiv="Content-Type" content="text/html; charset=UTF-8" -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>
$(function(){
$('#error_text').on('change, keyup', function(){
$('#error_view').html($('#error_text').val());
});
});
</script>
<title>HTML出力</title>
</head>
<body>
<div>
<textarea id='error_text' style="width:100%; height:500px;" placeholder="ここにエラーを貼り付ける">
</textarea>
</div>
<div id='error_view'></div>
</body>
</html>
たとえばこんなクソコード
test.php
<p>これはテストです</p>
<p class="<?php array_merge(1,2); ?>">たとえばclass名をphpで出力したときエラーになると</p>
<p>困る</p>
勿論エラーになる。可読性低し。
なのでhtmlソースを表示してエラー部分をコピー。
さっきのサイトでペーストしてみる。
それっぽく表示されました。ハッピー。