Web ページのエラーを探して、ブラウザーで強調表示できるデスクトップ ソフトウェア アプリケーションを開発しています。強調表示された領域は、いくぶん恣意的なものです。それらは、ap タグ内の 1 つの単語、a タグ全体、または img である可能性があります。
過去に、html を書き直し、強調表示された領域の周りにスタイル付きのスパン タグを追加することでこれを行いました。欠点は、ハイライトが不明瞭になることがよくあることです。たとえば、画像が div 内にある場所は、オーバーフローのない正確なサイズであり、適用された境界線、背景などが隠されます。
これにアプローチする最良の方法は何ですか？これが一般的なソフトウェア/ウェブアプリで行われている良い例はありますか?
制限: JS を使用できません (ファイルはローカルにあり、ブラウザはこれをブロックすることがよくあります)。ただし、最新の標準を使用できます。一般的な最新のブラウザーで動作する限り、出力を検証する必要はありません。