console.log('21321321',query);这行代码是什么意思
时间: 2024-01-12 22:05:39 浏览: 36
这行代码使用了 JavaScript 的 console.log() 函数,用于在控制台打印输出一段信息。其中,'21321321' 是输出的信息字符串,query 是要输出的变量。这可以帮助开发者在开发过程中调试代码,输出变量的值,以便观察程序运行过程中变量的变化情况,从而更好地理解程序的执行情况。
相关问题
created() { console.log("商品编号", this.$route.query.id); console.log("商品图片路径:", this.$route.query.src); console.log("商品描述:", this.$route.query.text); console.log("商品价格:", this.$route.query.price); },
这段代码也是Vue.js框架中的生命周期钩子函数`created()`,用于在组件创建完毕后执行一些代码。在这里,它被用于打印出从URL中传递的商品信息。`this.$route.query`可以获取到路由中的查询参数,通过`.`符号和参数名称可以获取到具体的参数值,例如`this.$route.query.id`获取到的是商品编号。
cef如何获取console.log的内容
要获取 CEF 中的 `console.log` 内容,可以使用 `CefMessageRouterBrowserSide` 类来实现。
以下是一个简单的例子,展示如何使用 `CefMessageRouterBrowserSide` 来获取 `console.log` 内容:
```cpp
// 创建一个实现了 CefMessageRouterBrowserSide::Handler 接口的对象
class ConsoleMessageHandler : public CefMessageRouterBrowserSide::Handler {
public:
// 处理 JavaScript 发送过来的消息
virtual bool OnQuery(CefRefPtr<CefBrowser> browser, CefRefPtr<CefFrame> frame, int64 query_id,
const CefString& request, bool persistent, CefRefPtr<Callback> callback) OVERRIDE {
if (request == "get-console-log") {
// 获取 console.log 内容并发送回去
CefRefPtr<CefProcessMessage> message = CefProcessMessage::Create("console-log");
message->GetArgumentList()->SetString(0, GetConsoleLog());
browser->SendProcessMessage(PID_BROWSER, message);
return true;
}
return false;
}
// 获取 console.log 内容
CefString GetConsoleLog() {
CefRefPtr<CefFrame> frame = browser_->GetMainFrame();
CefRefPtr<CefV8Context> context = frame->GetV8Context();
CefRefPtr<CefV8Value> window = context->GetGlobal();
CefRefPtr<CefV8Value> console = window->GetValue("console");
CefRefPtr<CefV8Value> logFn = console->GetValue("log");
CefRefPtr<CefV8Value> logArray = CefV8Value::CreateArray(0);
CefRefPtr<CefV8Exception> exception;
CefRefPtr<CefV8Value> result = logFn->ExecuteFunctionWithContext(context, window, logArray);
CefString consoleLog;
if (result->IsArray()) {
CefRefPtr<CefV8Value> arr = result;
int len = arr->GetArrayLength();
for (int i = 0; i < len; i++) {
CefRefPtr<CefV8Value> val = arr->GetValue(i);
consoleLog += val->GetStringValue() + "\n";
}
}
return consoleLog;
}
IMPLEMENT_REFCOUNTING(ConsoleMessageHandler);
};
// 创建一个实现了 CefRenderProcessHandler 接口的对象
class RenderProcessHandler : public CefRenderProcessHandler {
public:
// 创建一个 CefMessageRouterBrowserSide 对象
virtual void OnContextCreated(CefRefPtr<CefBrowser> browser, CefRefPtr<CefFrame> frame,
CefRefPtr<CefV8Context> context) OVERRIDE {
CefRefPtr<CefMessageRouterBrowserSide> messageRouter = CefMessageRouterBrowserSide::Create(
CefMessageRouterBrowserSide::Config(), new ConsoleMessageHandler());
messageRouter->AddHandler(new ConsoleMessageHandler(), false);
messageRouter->OnContextCreated(browser, frame, context);
}
// 注册一个 JavaScript 扩展
virtual void OnWebKitInitialized() OVERRIDE {
CefRegisterExtension("console", "var console = {log: function() {native function consoleLog(); consoleLog(Array.prototype.slice.call(arguments));}};",
new ConsoleMessageHandler());
}
IMPLEMENT_REFCOUNTING(RenderProcessHandler);
};
```
在上面的代码中,我们首先创建了一个实现了 `CefMessageRouterBrowserSide::Handler` 接口的对象 `ConsoleMessageHandler`。该对象实现了 `OnQuery` 方法,用于处理 JavaScript 发送过来的消息。当接收到 `get-console-log` 消息时,我们调用 `GetConsoleLog` 方法获取 `console.log` 内容,并将其发送回 JavaScript 端。
`GetConsoleLog` 方法首先获取当前浏览器上下文和主框架,然后使用 `CefV8Context::GetGlobal` 方法获取全局对象。接着,我们使用 `CefV8Value::GetValue` 方法获取 `console` 对象和 `log` 函数,并将其保存在 `logFn` 变量中。我们使用 `CefV8Value::CreateArray` 方法创建一个空的数组 `logArray`,并调用 `logFn->ExecuteFunctionWithContext` 方法执行 `console.log` 函数。最后,我们遍历返回的数组 `result`,获取每条 `console.log` 的内容,并将其保存在 `consoleLog` 变量中。
为了使 CEF 能够调用 `console.log` 函数,我们还需要在 `OnWebKitInitialized` 方法中注册一个 JavaScript 扩展。在这个扩展中,我们将 `console.log` 函数重写为一个 JavaScript 函数,该函数会调用 C++ 中的原生函数 `consoleLog`,并将 `console.log` 的参数传递给该函数。在 `consoleLog` 函数中,我们可以将 `console.log` 的参数保存起来,以便在需要时返回给 JavaScript 端。
最后,我们还需要在渲染进程中创建一个实现了 `CefRenderProcessHandler` 接口的对象 `RenderProcessHandler`,并在其中通过 `OnContextCreated` 方法创建一个 `CefMessageRouterBrowserSide` 对象,并将其注册到当前上下文中。通过这样的方式,我们就可以在 CEF 中获取 `console.log` 内容了。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![txt](https://img-home.csdnimg.cn/images/20210720083642.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)