javascriptの別のウェブサイトからhtmlをコピーする

Question

ウェブサイト（javascript付き）からソースコードをコピーするにはどうしたらいいですか？私はこのウェブサイトから温度を示すテキストをコピーしたい：http://www.accuweather.com/
温度を表示している番号だけをコピーしたい。その正確な行をWebサイトのソースコードからコピーする方法はありますか？私はhtmlスクラップについて聞いた。 javascriptでない場合、それを行う最も簡単な方法は何ですか？ temepratureをコピーして、私のウェブページに表示するだけです。

Answer 1

AJAX経由で非表示のHTML要素にサイトを読み込んで、DOMで目的の要素を検索することで、単純な方法でそのようなことを行うことができます。

jQueryコマンドもあります。

<div id='temp'></div> 
<script> 
    $('div#temp').load('https://www.accuweather.com/ #popular-locations-ul .large-temp', { limit: 1 }); 
</script> 

#popular-locations-ul .large-tempは温度が含まれている特定の要素のCSSのロケータである：それはようなものになるだろう。

ただし、ウェブにはCORSというセキュリティ機能があります。 1つのサイトからAJAX経由で何かをロードできるようにするには、ターゲットサイトでCORSヘッダーを明示的に許可する必要があります。この特定のサイトの場合、CORSヘッダーがサイト構成に存在しないため、AJAX経由で何かをロードしようとする接続は許可されません。

上記のようなコマンドは、制御するサイトでのみ使用でき、CORSヘッダーまたは既にこの仕様を持つサイトで許可するように指定できます。

しかし、Webサイトの永久的な性質のため、最初から良いことではないと人々からは言われています。物事は大きく変わる。ですから、たとえあなたが他のサイトから言及した方法で価値を得ることができたとしても、後でいつかサイトが変わり、コードが壊れてしまいます。

私が答えた理由は、あなたが学び、指導が必要であり、真剣な仕事をしようとしていないからです。人々があなたに言ったように、深刻な作業はAPIを使用することになります。

ウェブAPIは通常、何らかのセキュリティでアクセスする特別なURL（https://www.accuweather.com:1234/api/temperature/somecityなど）で、必要な機能に必要な結果で応答します。この種のサービスでは、CORSは安全で公式な方法でアクセスしているため許可されています。

希望を少し明確にしました。