以查询历史记录为例：
1.在上层history.js中通过chrome.send()来向底层发送事件请求和相关参数，其中'queryHistory'为信号名称，[this.searchText_, this.offset_, this.rangeInDays_, endTime, maxResults]为向底层传递的参数：
chrome.send('queryHistory',[this.searchText_, this.offset_, this.rangeInDays_, endTime, maxResults]);
2.在底层Browsing_history_handler.cc中通过RegisterMessages函数对上层发来的事件进行响应处理：
void BrowsingHistoryHandler::RegisterMessages() {
……
……
web_ui()->RegisterMessageCallback("queryHistory",
base::Bind(&BrowsingHistoryHandler::HandleQueryHistory,
base::Unretained(this)));
……
}
之后会在BrowsingHistoryHandler::HandleQueryHistory()函数中处理查询历史记录的事件响应。
3.处理完毕后，通过CallJavascriptFunction()调用上层js的方法并将需要返回的数据一并返回。
void BrowsingHistoryHandler::ReturnResultsToFrontEnd() {
……
……
web_ui()->CallJavascriptFunction(
"historyResult", results_info_value_, results_value);
……
}
4.之后上层指定的方法，即historyResult()即获得了最初指定查询的历史记录，并可继续做相关处理，以上完成一个完整的通信：
function historyResult(info, results) {
historyModel.addResults(info, results);
}
附：
拉取代码：git clone
强制恢复到某次提交的版本：git reset --hard
可参考：
http://blog.gclxry.com/chromium-webui/