用JAVA编写浏览器内核之实现javascript的document对象与内置方法

Posted 2020-09-29 jhcelue

原创文章。转载请注明。

阅读本文之前，您须要对浏览器怎样载入javascript有一定了解。

当然，对java与javascript本身也须要了解。

本文首先介绍浏览器载入并执行javascript的原理。

其次将介绍怎样用java与javascript互调用对象。

最后介绍怎样用java实现javascript的document对象与其他内置方法。

浏览器从server得到含有javascript代码的html文本后，将顺序运行javascript代码块。

看代码是最简单的方式：

package org.taoningyu.js;

import java.io.IOException;
import java.net.MalformedURLException;
import java.net.URL;

import javax.script.Invocable;
import javax.script.ScriptEngine;
import javax.script.ScriptEngineManager;
import javax.script.ScriptException;

import org.jsoup.Jsoup;
import org.jsoup.nodes.Document;
import org.jsoup.nodes.Element;

public class TaoDocument {
	
 Document mydoc = null;
	public TaoDocument(String url) throws MalformedURLException, IOException{
		mydoc = Jsoup.parse(new URL(url),30000);//利用Jsoup实现document树
	}
	
    public Element getElementById(String id){//实现document的getElementById方法
    	System.out.println("Java println:\t"+mydoc.getElementById(id));
    	return mydoc.getElementById(id);//返回的是Element对象
    }
	public static void main(String[] args) throws MalformedURLException, IOException {
		
		
	    ScriptEngineManager sem = new ScriptEngineManager();
	    ScriptEngine se = sem.getEngineByName("javascript"); //初始化Java内置的javascript引擎
	    try {
	    	
	    	 se.eval("function test() {"
	    		    + "id='areaDefault'; print('js print:'+document.getElementById(id));return document.getElementById(id);}"); 
                 //測试用javascript自己定义函数，功能为输出id为areaDefault的元素，并返回。
	    	 Invocable invocableEngine = (Invocable) se;//转换引擎类型为Invocable 
	    	 se.put("document", new TaoDocument("http://www.ifeng.com/")); //关联对象，这一步非常重要，关联javascript的document对象为TaoDocument。亦即我自己实现的document对象
	    	 Element callbackvalue=(Element) invocableEngine.invokeFunction("test"); //直接执行函数。返回值为Element
	    	 System.out.println("callback return :"+callbackvalue); //打印输出返回内容
	    	 se.eval("test()");//第二种调用函数方式，我更偏爱此种方式
		} catch (ScriptException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (NoSuchMethodException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} 

	}

}

通过实现document对象，就能够动态解析html页面了。

在另外的文章。我将介绍怎样结合httpclient，使其成为headless浏览器的雏形。