console.log('21321321',query);这行代码是什么意思

这行代码使用了 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` 内容：

// 创建一个实现了 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` 内容了。