回答編集履歴
3
"JavaScript"という言葉がサーバーサイドとクライアントサイドで紛らわしい表現だったのを修正
answer
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Google Chromeの[Headlessモード](https://developers.google.com/web/updates/2017/04/headless-chrome)が有用かと思います。
|
|
2
2
|
|
|
3
|
-
JavaScript([Node.js](https://nodejs.org/))で
|
|
3
|
+
サーバーサイド環境のJavaScript([Node.js](https://nodejs.org/))であれば下記のコードで、ページ上のJavaScript実行後のHTMLが得られると思います。
|
|
4
4
|
コードを実行する前に`npm install puppeteer`コマンドで、必要となるライブラリ[puppeteer](https://github.com/GoogleChrome/puppeteer)をフォルダに読み込んでおく必要があります。
|
|
5
5
|
|
|
6
6
|
```javascript
|
2
puppeteerのリンクを、より有用と思われるものに修正
answer
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
Google Chromeの[Headlessモード](https://developers.google.com/web/updates/2017/04/headless-chrome)が有用かと思います。
|
|
2
2
|
|
|
3
3
|
JavaScript([Node.js](https://nodejs.org/))でしたら下記のコードで目的の、JavaScript実行後のHTMLが得られると思います。
|
|
4
|
-
コードを実行する前に`npm install puppeteer`コマンドで、必要となるライブラリ[puppeteer](https://
|
|
4
|
+
コードを実行する前に`npm install puppeteer`コマンドで、必要となるライブラリ[puppeteer](https://github.com/GoogleChrome/puppeteer)をフォルダに読み込んでおく必要があります。
|
|
5
5
|
|
|
6
6
|
```javascript
|
|
7
7
|
const puppeteer = require('puppeteer');
|
1
説明不足を補足
answer
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Google Chromeの[Headlessモード](https://developers.google.com/web/updates/2017/04/headless-chrome)が有用かと思います。
|
|
2
2
|
|
|
3
|
-
JavaScript([Node.js](https://nodejs.org/))でしたら下記のコードで目的のHTMLが得られると思います。
|
|
3
|
+
JavaScript([Node.js](https://nodejs.org/))でしたら下記のコードで目的の、JavaScript実行後のHTMLが得られると思います。
|
|
4
4
|
コードを実行する前に`npm install puppeteer`コマンドで、必要となるライブラリ[puppeteer](https://www.npmjs.com/package/puppeteer)をフォルダに読み込んでおく必要があります。
|
|
5
5
|
|
|
6
6
|
```javascript
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
(async () => {
|
|
10
10
|
let browser = await puppeteer.launch();
|
|
11
11
|
let page = await browser.newPage();
|
|
12
|
+
// ページを読み込み後、0.5秒間ネットワーク接続が1つもない状態が続くまで待つ
|
|
12
13
|
await page.goto('https://csacademy.com/contests/', {
|
|
13
14
|
waitUntil: 'networkidle0'
|
|
14
15
|
});
|