WebUI
.....
假设我们尝试 chrome://version/
拆分代码...跟着画瓢
html:
C:\feikua\chromium\src\components\version_ui\resources
cc:
C:\feikua\chromium\src\chrome\browser\ui\webui\version
渲染器(JS)-->浏览器(C++)
windows创建js对象，会检查渲染器是否有webUI绑定
if (enabled_bindings_ & BINDINGS_POLICY_WEB_UI)
WebUIExtension::Install(frame_);
如果绑定存在
那么可以使⽤两个函数　
１.chrome.send()
这个函数的⽤法是
chrome.send('messageName', [arg1, arg2, ...]);
消息名称和参数列表被序列化为 JSON，并通过FrameHostMsg_WebUISendIPC 消息从渲染器发送到浏览器。
// 在渲染器(WebUIExtension::Send()):
render_frame -> Send ( new FrameHostMsg_WebUISend ( render_frame -> GetRoutingID (),
frame -> GetDocument (). Url (),
message , * content ));
// 在浏览器中 (WebUIImpl::OnMessageReceived()):
IPC_MESSAGE_HANDLER ( FrameHostMsg_WebUISend , OnWebUISend )
浏览器端代码对消息名称进⾏映射查，并使⽤反序列化参数调⽤到的回调：
message_callbacks_.find(message)->second.Run(&args);
cr.sendWithPromise()
cr.sendWithPromise()是围绕chrome.send(). 当触发消息需要响应时使⽤它：
chrome.send('getNumberOfDonuts');  // No easy way to get response!
在较旧的 WebUI 页⾯中，仅公开了全局⽅法，以便可以发送响应。不⿎励这样做，因为它会污染全局命名空间，并且更难使请求特定或从深度嵌套的代码中执⾏。
在较新的 WebUI 页⾯中，您会看到如下代码：
void DonutHandler::HandleGetNumberOfDonuts(const base::ListValue* args) {
AllowJavascript();
const base::Value& callback_id = args->GetList()[0];
size_t num_donuts = GetOven()->GetNumberOfDonuts();
ResolveJavascriptCallback(callback_id, base::FundamentalValue(num_donuts));
}
在 C++ ⽅⾯，消息注册与此类似，chrome.send()只是消息处理程序列表中的第⼀个参数是回调 ID。该 ID 传递给ResolveJavascriptCallback()，最终解析PromiseJavaScript 中的并调⽤该then()函数。
void DonutHandler::HandleGetNumberOfDonuts(const base::ListValue* args) {
AllowJavascript();
const base::Value& callback_id = args->GetList()[0];
size_t num_donuts = GetOven()->GetNumberOfDonuts();
ResolveJavascriptCallback(callback_id, base::FundamentalValue(num_donuts));
}
在幕后，Promises的映射保存在 JavaScript 中。
回调 ID 只是⼀个命名空间，不断增加的数字。它⽤于Promise在创建时将 a插⼊到 JS 端映射中。
// cr.sendWithPromise():
var id = methodName + '_' + uidCounter++;
chromeSendResolverMap[id] = new PromiseResolver;
chrome.send(methodName, [id].concat(args));
相应的数字⽤于查 aPromise并在结果已知时拒绝或解决它。
// cr.webUIResponse():
var resolver = chromeSendResolverMap[id];
if (success)
else
这种⽅法仍然依赖于 C++ 调⽤全局公开的⽅法，但将表⾯减少到只有⼀个全局 ( cr.webUIResponse) ⽽不是许多。它还使每个请求的响应更容易，这在多个请求同时进⾏时很有帮助。
其中有⼀个实际检测的ip是由客户端这边测试的，
但是在js这边...
三种⽅式
1. IE浏览器所特有的不⾏
2. 要利⽤其他新浪，搜狐等接⼝不⾏...
webrtc浏览器
3.               因为我们会禁⽌掉所以.... 不采⽤这种⽅式
4. 后端搞去.... 完成，结果如下
On branch ReqMerge_15

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。