ajaxを使用してHTMLコードの文字列を読み込み、文字列で見つかったすべてのファイルパスをリファクタリングする必要があります。
例えば:
「../../images/home.jpg」を検出して「http://www.mywebsite.com/report/images/home.jpg」に変更する必要があります。
私は実際にダッシュボードをやっています。iframeを使用してダッシュボードにコンテンツを表示すると、パフォーマンスが低下します。iframeを使用しないために、ターゲットURLのhtmlコードの文字列を読み取るつもりです。ただし、ここでの唯一の要因は、画像、javascript、またはcssのファイルパスが絶対パスでない場合、ダッシュボードを表示できないことです。
HTMLコードの文字列内でファイルパスを検出する方法について考えてください。または、知っている既存のライブラリはありますか。
これが私が読んでいる単純なhtmlコードの1つです。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><title>
Web Report: Customer Complains
</title><link rel="stylesheet" type="text/css" href="../../../css/Concept1.css" /></head>
<style type="text/css">
</style>
<body>
<div class="SectionTitleContainer1">
<div style="text-align: left;" class="SectionTitle">
Customer Complaints
</div>
</div>
<table cellspacing="0" cellpadding="5" style="width: 100%;" border="0">
<tr>
<td width="1%" align="left">
<a>
Refund
</a>
</td>
<td width="1%" style="text-align: right">139</td>
<td align="left" style="">
<img src="../../../images/tile-horiz-bar.png" style="height: 10px; width: 100px" />
</td>
</tr>
<tr>
<td width="1%" align="left">
<a>
Appointment Rescheduled/Delayed
</a>
</td>
<td width="1%" style="text-align: right">96</td>
<td align="left" style="">
<img src="../../../images/tile-horiz-bar.png" style="height: 10px; width: 69px" />
</td>
</tr>
</table>
</body>
</html>