たとえば、WebページのHTMLタグの属性を取得しようとしています
<html>
<head>
<title>test page</title>
</head>
<body>
<div id="header" class="clearit" role="banner">
<div id="headerWrapper">
<ul id="primaryNav" role="navigation">
<li id="musicNav" class="navItem">
<a href="/music" class="nav-link">Music</a>
</li>
<li id="listenNav" class="navItem">
<a href="/listen" class="nav-link">Radio</a>
</li>
<li id="eventsNav" class="navItem">
<a href="/events" class="nav-link">Events</a>
</li>
<li id="chartsNav" class="navItem">
<a href="/charts" class="nav-link">Charts</a>
</li>
<li id="communityNav" class="navItem">
<a href="/community" class="nav-link">Community</a>
</li>
<li id="originalsNav" class="navItem">
<a href="http://originals.last.fm" class="nav-link">Originals</a>
</li>
</ul>
</div>
</div>
</body>
</html>
たとえば、#headerWrapper の実際の高さと幅が必要で、それを PHP プログラムの #musicNav と比較します。php はサーバー側であるため、これらの属性を取得できないため、JavaScript コードを追加してこれらの属性を計算し、保存することを考えています。このコードのようなjsonファイルに
<script type="text/javascript">
document.ready(function() {
var JSONObject= {
"tagname":"headerWrapper",
"height":$("#headerWrapper").height(),
"width":$("#headerWrapper").width()
},
{
"tagname":"musicNav",
"height":$("#musicNav").height(),
"width":$("#musicNav").width()
}
});
});
</script>
次に、ウェブページから視覚的特徴を抽出する私のアルゴリズム魔女を含むphpファイルでそれを読んでください。
しかし、私の問題は、PHPまたはJavaのブラウザまたはレンダリングエンジンを使用して、JavaScriptが追加されたWebページをレンダリングする必要があることです...だから、誰かがそのようなものを持っていますか? 私の方法は正しいですか、それともより良い解決策がありますか?