phantomJs打开网易云音乐，可以截图，但是无法操作DOM

问题描述

问 题

问题:

众所周知，网易云音乐pc版本是一个单页应用，所以如果想获取动态的DOM内容必须等js渲染完成。所以我用到了phantomJs。然而遇到的问题是，可以截图，但是操作DOM报错。（我试过稀土掘金,它也是一个单页应用，然而不会报错。）

具体描述:

截图:

报错内容:`TypeError: undefined is not an object (evaluating 'document.getElementsByClassNa
me('tit')[0].innerHTML')`

代码:

var page = require('webpage').create();
page.open("http://music.163.com/#/song?id=428423168", function(status) {
    if ( status === "success" ) {
        var content=page.evaluate(function() {
                  return document.getElementsByClassName('tit')[0].innerHTML
            });
            page.render("test.png");
            console.log(content);
            phantom.exit();
    }
});

--

解决方案

网易云音乐主页面中的内容并不是在默认的main Frame中，而是在contentFrame中存在。
所以需要先切换到contentFrame，才能进行相关操作。

page.switchToFrame("contentFrame");

这篇关于phantomJs打开网易云音乐，可以截图，但是无法操作DOM的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！