2016-07-17 7 views
0

このようにhtmlからコンテンツをダウンロードしたいと思います。それはemberアプリです。htmlからコンテンツを取得する

<body> 
<div id="app"></div> 
</body> 

私は要素を検査クリックすると、それはこのようなものを示す:だから

<body> 
    <div id="app" class="emeber-application"> 
    <div id="ember344" class="ember-view"> 
    <div class="main header>..</div> 
    .... 
</body> 

を、それがこののコンテンツを取得し、JavaScriptを使用して、ファイルに書き込むことが可能(とどのように)ですか?手動でコピー&ペーストしないでください。

私の英語のために残念です。

+0

これを行う方法を教えてください。 – tomek278

+0

* "このコンテンツを取得し、JavaScriptを使用してファイルに書き込むことは可能ですか?" *はい。しかしおそらくブラウザからではありません。ブラウザベースのJavaScriptには、2つの重要な制限があります。 –

+0

1.他の原点が明示的にアクセスを許可していない限り、他の*起点*(緩やかなドメイン)のコンテンツにアクセスすることはできません。 (これは同じ起点ポリシーと呼ばれ、起源が例外を許すのはクロスソースリソース共有によるものです)。起源が他の起源のコンテンツにアクセスすることが許可されている場合は、 "ajax" 'XMLHttpRequest'オブジェクトか、jQueryの' $ .ajax'のようなライブラリラッパー)。 –

答えて

0

as T.J. Crowder氏は、ブラウザから直接ファイルを保存することはできないと述べています。 また、データを使用してファイルをダウンロードすることもできます。url:

function download() { 
    var text = document.querySelector('body').innerHTML; 
    var element = document.createElement('a'); 
    element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)); 
    element.setAttribute('download', "download.html"); 

    element.style.display = 'none'; 
    document.body.appendChild(element); 

    element.click(); 

    document.body.removeChild(element); 
} 
関連する問題