Blog

PHPを使わずにmetaタグやogタグを取得する方法

あらゆるサイトのHTMLをパースしてデータ(画像やmeta、ogなど)を取得したかったのだが
1つのサービスから特定のサイトを何回もこのような形でアクセスすると、ブロックされてしまう可能性が高いので

クライアント側からアクセスすることができないかと思い、サンプルを作ってみた。

 

デモ

 

基本的にjsでクロスドメインの処理はできないので、今回は

jquery.xdomainajax.js

をつかって制限を回避した。

 

ダウンロードはこちら

https://github.com/padolsey-archive/jquery.fn/tree/master/cross-domain-ajax

 

JSの読み込み

クロスドメインは意識せず、単純にjquery.xdomainajax.jsを読み込むだけでよい。

 

指定したデータを取得

見てもらうとわかるが、jQueryのセレクタでクロスドメインのデータを取得することができる。

 

すごく簡単で便利なのだが、1つ注意点としては、

クロスドメインは必ずしも安全ではないということ。

特に今回のようにユーザーにドメインを指定させてアクセスさせる場合

間違って悪意あるサイトにアクセスしてしまえば、サーバーやユーザーに影響が出ることも考えられる。

しかもユーザーとしてはこちらが用意したプラットフォーム上でのアクションという認識なので

悪いのはこちら側となる。

 

jquery.xdomainajax.jsはYQLというYahoo!のAPIを使用しているということも

一応知った上で利用したほうがよいだろう。

Author Profile

hoshino

ECのことを中心に書きたいと思います。
ネタが無いときはプログラムやデザインのことも書きます。

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ