{"id":1328,"date":"2023-11-23T19:52:23","date_gmt":"2023-11-24T03:52:23","guid":{"rendered":"https:\/\/ligai.cn\/blog\/?p=1328"},"modified":"2023-11-23T19:52:23","modified_gmt":"2023-11-24T03:52:23","slug":"%e6%8a%80%e6%9c%af%e5%88%86%e4%ba%ab-%e5%9c%a8-ide-%e6%8f%92%e4%bb%b6%e5%bc%80%e5%8f%91%e4%b8%ad%e6%8e%a5%e5%85%a5-jcef-%e6%a1%86%e6%9e%b6","status":"publish","type":"post","link":"https:\/\/ligai.cn\/blog\/sharing\/1328.html","title":{"rendered":"\u6280\u672f\u5206\u4eab | \u5728 IDE \u63d2\u4ef6\u5f00\u53d1\u4e2d\u63a5\u5165 JCEF \u6846\u67b6"},"content":{"rendered":"\n<h2>\u9879\u76ee\u80cc\u666f<\/h2>\n\n\n\n<p>\u5f53\u524d\u7684\u5f00\u53d1\u73af\u5883\u5b58\u5728\u591a\u79cd\u4e0d\u540c\u8bed\u8a00\u7684 IDE\uff0c\u5982 JetBrains \u5168\u5bb6\u6876\u3001Eclipse\u3001Android Studio \u548c VS Code \u7b49\u7b49\u3002\u7531\u4e8e\u6bcf\u4e2a IDE \u5404\u6709\u5176\u7279\u5b9a\u7684\u8bed\u8a00\u548c\u5e73\u53f0\u8981\u6c42\uff0c\u56e0\u6b64\u5f00\u53d1 IDE \u63d2\u4ef6\u65f6\uff0c\u9700\u8981\u6295\u5165\u5927\u91cf\u8d44\u6e90\u624d\u80fd\u5c3d\u53ef\u80fd\u8986\u76d6\u5927\u90e8\u5206\u5de5\u5177\u3002\u540c\u65f6\uff0c\u4ee3\u7801\u96be\u590d\u7528\u3001\u7528\u6237\u4f53\u9a8c\u96be\u7edf\u4e00\u7b49\u95ee\u9898\u53c8\u4f1a\u8fdb\u4e00\u6b65\u52a0\u91cd\u8d44\u6e90\u8d1f\u62c5\u3002<\/p>\n\n\n\n<p>\u5728\u8c03\u7814\u8fc7\u7a0b\u4e2d\uff0c\u6211\u4eec\u53d1\u73b0\u5982\u4eca\u7684\u5927\u591a\u6570\u5f00\u53d1\u5de5\u5177\u90fd\u652f\u6301\u96c6\u6210 CEF\uff0c\u800c CEF \u63d0\u4f9b\u7684\u8de8\u5e73\u53f0\u89e3\u51b3\u65b9\u6848\u6b63\u53ef\u4ee5\u6709\u6548\u89e3\u51b3\u4e0a\u8ff0\u95ee\u9898\u3002<\/p>\n\n\n\n<h2>\u5173\u4e8e CEF \u548c JCEF<\/h2>\n\n\n\n<p>CEF\uff08Chromium Embedded Framework\uff09\u662f\u4e00\u4e2a\u5f00\u6e90\u9879\u76ee\uff0c\u5b83\u57fa\u4e8e Google Chromium \u6d4f\u89c8\u5668\u5f15\u64ce\uff0c\u5141\u8bb8\u5f00\u53d1\u4eba\u5458\u5c06\u5b8c\u6574\u7684\u6d4f\u89c8\u5668\u529f\u80fd\u5d4c\u5165\u5230\u81ea\u5df1\u7684\u5e94\u7528\u7a0b\u5e8f\u4e2d\u3002<\/p>\n\n\n\n<p>\u901a\u8fc7 CEF\uff0c\u5f00\u53d1\u8005\u53ef\u4ee5\u5229\u7528\u73b0\u4ee3 Web \u6280\u672f\u6765\u521b\u5efa\u5f3a\u5927\u7684\u684c\u9762\u5e94\u7528\u7a0b\u5e8f\uff0c\u5e76\u5b9e\u73b0\u4e0e Web \u5185\u5bb9\u7684\u65e0\u7f1d\u96c6\u6210\u3002\u5982\u6b64\u4e00\u6765\uff0c\u5f00\u53d1\u8005\u4fbf\u53ef\u4ee5\u5229\u7528 CEF \u7684\u529f\u80fd\u548c\u7075\u6d3b\u6027\uff0c\u4e3a\u5404\u79cd\u5f00\u53d1\u5de5\u5177\u63d0\u4f9b\u7edf\u4e00\u7684\u3001\u9ad8\u8d28\u91cf\u7684\u63d2\u4ef6\u4f53\u9a8c\u3002<\/p>\n\n\n\n<p>JCEF\uff08Java Chromium Embedded Framework\uff09\u662f\u57fa\u4e8e CEF \u7684\u4e00\u4e2a\u7279\u5b9a\u7248\u672c\uff0c\u4e13\u95e8\u4e3a Java \u5e94\u7528\u7a0b\u5e8f\u800c\u751f\u3002\u672c\u6587\u5185\u5bb9\u4e5f\u4e3b\u8981\u56f4\u7ed5 JCEF \u5c55\u5f00\u3002<\/p>\n\n\n\n<h3>JCEF \u548c\u5176\u4ed6\u4ea7\u54c1\u7684\u5bf9\u6bd4<\/h3>\n\n\n\n<ul><li><strong>JCEF vs JxBrowser<\/strong><\/li><\/ul>\n\n\n\n<p>JxBrowser \u548c JCEF \u90fd\u5141\u8bb8\u5c06 Chromium \u6d4f\u89c8\u5668\u529f\u80fd\u5d4c\u5165\u5230 Java \u5e94\u7528\u7a0b\u5e8f\u4e2d\u3002\u5176\u4e2d\uff0cJxBrowser \u662f\u5546\u4e1a\u4ea7\u54c1\uff0c\u800c JCEF \u662f\u5f00\u6e90\u6846\u67b6\uff0c\u4e14\u5546\u4e1a\u6388\u6743\u975e\u5e38\u53cb\u597d\u3002<\/p>\n\n\n\n<p>\u6b64\u5916\uff0cJxBrowser \u5728\u72ec\u7acb\u7684\u672c\u5730\u8fdb\u7a0b\u4e2d\u542f\u52a8 Chromium\uff0c\u800c JCEF \u5219\u662f\u5728 Java \u8fdb\u7a0b\u5185\u542f\u52a8\u3002JCEF \u4f1a\u5feb\u901f\u521d\u59cb\u5316 Chromium\uff0c\u540c\u65f6\u6d88\u8017 Java \u8fdb\u7a0b\u7684\u5185\u5b58\u548c CPU\uff1b\u521b\u5efa\u591a\u4e2a Chromium \u5b9e\u4f8b\u4e5f\u4f1a\u5360\u7528\u66f4\u591a\u8d44\u6e90\u3002<\/p>\n\n\n\n<ul><li><strong>JCEF vs JavaFX<\/strong><\/li><\/ul>\n\n\n\n<p>JavaFX \u4f7f\u7528\u7684\u5185\u7f6e\u6d4f\u89c8\u5668\u7ec4\u4ef6\u662f WebView\uff0c\u5176\u5728\u4e0d\u540c\u5e73\u53f0\u4e0a\u7684\u5b9e\u73b0\u6709\u6240\u4e0d\u540c\u3002\u4f8b\u5982\uff0c\u5728 macOS \u4e0a\u4f7f\u7528 WebKit\uff0c\u5728 Windows \u4e0a\u9ed8\u8ba4\u4e3a Internet Explorer\uff0c\u800c\u65b0\u7248\u672c\u7684 JavaFX \u5219\u9ed8\u8ba4\u4f7f\u7528 JCEF\u3002<\/p>\n\n\n\n<p>\u8fd9\u79cd\u4e0d\u4e00\u81f4\u6027\u4f1a\u589e\u52a0\u63d2\u4ef6\u9002\u914d\u7684\u96be\u5ea6\uff0c\u964d\u4f4e\u6574\u4f53\u5f00\u53d1\u6548\u7387\u3002<\/p>\n\n\n\n<h3>Java \u8fdb\u7a0b\u4e0e JCEF \u4ea4\u4e92<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"882\" height=\"1024\" src=\"https:\/\/ligai.cn\/blog\/wp-content\/uploads\/2023\/11\/ide\u63d2\u4ef6\u6548\u679c0-882x1024.png\" alt=\"\" class=\"wp-image-1331\" srcset=\"https:\/\/ligai.cn\/blog\/wp-content\/uploads\/2023\/11\/ide\u63d2\u4ef6\u6548\u679c0-882x1024.png 882w, https:\/\/ligai.cn\/blog\/wp-content\/uploads\/2023\/11\/ide\u63d2\u4ef6\u6548\u679c0-258x300.png 258w, https:\/\/ligai.cn\/blog\/wp-content\/uploads\/2023\/11\/ide\u63d2\u4ef6\u6548\u679c0-768x892.png 768w, https:\/\/ligai.cn\/blog\/wp-content\/uploads\/2023\/11\/ide\u63d2\u4ef6\u6548\u679c0.png 1102w\" sizes=\"(max-width: 882px) 100vw, 882px\" \/><\/figure>\n\n\n\n<h2>\u5982\u4f55\u5728 IDE \u63d2\u4ef6\u4e2d\u63a5\u5165 JCEF\uff1f<\/h2>\n\n\n\n<p>\u4e0b\u9762\u4ee5 LigaAI Jetbrains \u63d2\u4ef6\u4e3a\u4f8b\uff0c\u4ecb\u7ecd\u96c6\u6210 JCEF \u7684\u8fc7\u7a0b\u3002<\/p>\n\n\n\n<ol><li>\u5728 Java \u4ee3\u7801\u91cc\u521b\u5efa\u76f8\u5e94\u7684 <code>JcefBrowser<\/code>\u3002<\/li><\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>static JBCefBrowser createBrowser(Project project) {\n    JBCefClient client = JBCefApp.getInstance().createClient();\n    \/\/CefMessageRouter \u7528\u4e8e\u5904\u7406\u6765\u81ea Chromium \u6d4f\u89c8\u5668\u7684\u6d88\u606f\u548c\u4e8b\u4ef6\uff0c\n    \/\/\u524d\u7aef\u4ee3\u7801\u53ef\u4ee5\u901a\u8fc7innerCefQuery\u548cinnerCefQueryCancel\u53d1\u8d77\u6d88\u606f\u7ed9\u63d2\u4ef6\u8fdb\u884c\u5904\u7406\n    CefMessageRouter.CefMessageRouterConfig routerConfig =\n            new CefMessageRouter.CefMessageRouterConfig(\"innerCefQuery\", \"innerCefQueryCancel\");\n    CefMessageRouter messageRouter = CefMessageRouter.create(routerConfig, new MessageRouterHandler());\n    client.getCefClient().addMessageRouter(messageRouter);\n    \/\/\u7528\u4e8e\u5904\u7406\u4ee5http:\/\/inner\/\u5f00\u5934\u7684\u8bf7\u6c42\u3002 \u7528\u4e8e\u62e6\u622a\u7279\u5b9a\u8bf7\u6c42\uff0c\u8f6c\u53d1\u8bf7\u6c42\u5230\u672c\u5730\u4ee5\u83b7\u53d6\u672c\u5730\u8d44\u6e90\n    CefApp.getInstance()\n            .registerSchemeHandlerFactory(\"http\", \"inner\", new DataSchemeHandlerFactory());\n    return new JBCefBrowser(client, \"\");\n}<\/code><\/pre>\n\n\n\n<ol start=\"2\"><li>\u52a0\u8f7d\u5bf9\u5e94\u7684 URL\uff0c\u6e32\u67d3\u9875\u9762\u3002<\/li><\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>public static void loadURL(JBCefBrowser browser, String url) {\n    \/\/\u5982\u679c\u4e0d\u9700\u8981\u8bbe\u7f6e\u548c\u6d4f\u89c8\u5668\u663e\u793a\u76f8\u5173\u7684\uff0c\u53ef\u5ffd\u7565\n    browser.getJBCefClient()\n            .addDisplayHandler(settingsDisplayHandler, browser.getCefBrowser());\n    browser.loadURL(url);                 \n}<\/code><\/pre>\n\n\n\n<ol start=\"3\"><li>Java \u8fdb\u7a0b\u62e6\u622a\u524d\u7aef\u53d1\u8d77\u7684\u83b7\u53d6\u9759\u6001\u8d44\u6e90\u7684\u8bf7\u6c42\u3002\u5982\u679c\u76f4\u63a5\u8bbf\u95ee\u5916\u90e8\u8d44\u6e90\uff0c\u5219\u4e0d\u9700\u8981\u505a\u62e6\u622a\uff0c\u8fd9\u4e00\u6b65\u53ef\u5ffd\u7565\u3002<\/li><\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>import com.intellij.liga.web.WebviewClosedConnection;\nimport com.intellij.liga.web.WebviewOpenedConnection;\nimport com.intellij.liga.web.WebviewResourceState;\nimport com.intellij.openapi.vfs.VfsUtil;\nimport com.intellij.openapi.vfs.VirtualFile;\nimport org.apache.commons.lang.StringUtils;\nimport org.cef.callback.CefCallback;\nimport org.cef.handler.CefResourceHandler;\nimport org.cef.misc.IntRef;\nimport org.cef.misc.StringRef;\nimport org.cef.network.CefRequest;\nimport org.cef.network.CefResponse;\n\nimport java.io.File;\nimport java.net.URL;\n\n\n\/\/\u7ee7\u627f CefResourceHandler \u63a5\u53e3\uff0c\u81ea\u5b9a\u4e49\u5904\u7406 Chromium \u6d4f\u89c8\u5668\u52a0\u8f7d\u7684\u8d44\u6e90\uff08\u5982\u7f51\u9875\u3001\u56fe\u50cf\u3001\u6837\u5f0f\u8868\u7b49\uff09\u3002\n\/\/\u901a\u8fc7\u5b9e\u73b0\u8be5\u63a5\u53e3\uff0c\u53ef\u4ee5\u8986\u76d6\u9ed8\u8ba4\u7684\u8d44\u6e90\u52a0\u8f7d\u884c\u4e3a\uff0c\u5e76\u63d0\u4f9b\u81ea\u5b9a\u4e49\u7684\u8d44\u6e90\u52a0\u8f7d\u903b\u8f91\u3002\npublic class DataResourceHandler implements CefResourceHandler {\n\n    private WebviewResourceState state;\n\n    \/**\n    * \u7528\u4e8e\u5904\u7406\u8d44\u6e90\u8bf7\u6c42\uff0c\u4f60\u53ef\u4ee5\u901a\u8fc7\u8be5\u65b9\u6cd5\u83b7\u53d6\u8bf7\u6c42\u7684 URL\u3001\u8bf7\u6c42\u5934\u90e8\u4fe1\u606f\uff0c\u5e76\u8fd4\u56de\u76f8\u5e94\u7684\u54cd\u5e94\u7ed3\u679c\u3002\n    *\/\n    public boolean processRequest(CefRequest cefRequest, CefCallback cefCallback) {\n        String url = cefRequest.getURL();\n        \/\/\u5224\u65ad\u8bf7\u6c42\u662f\u5426\u662f\u7528\u4e8e\u83b7\u53d6\u5185\u90e8\u9759\u6001\u8d44\u6e90\u7684\uff0c\u5982\u679c\u662f\u5219\u62e6\u622a\u8bf7\u6c42\uff0c\u5e76\u4ece\u9879\u76ee\u91cc\u5bf9\u5e94\u914d\u7f6e\u83b7\u53d6\u5bf9\u5e94\u6587\u4ef6\u8fd4\u56de\n        \/\/\u5982\u679c\u662f\u8bf7\u6c42\u5916\u90e8\u8d44\u6e90\uff0c\u5219\u8df3\u8fc7\n        if (StringUtils.isNotBlank(url) &amp;&amp; url.startsWith(\"http:\/\/inner\")) {\n            String pathToResource = url.replace(\"http:\/\/inner\", \"\/front\/inner\");\n            pathToResource = pathToResource.split(\"\\\\?\")&#91;0];\n            URL resourceUrl = getClass().getResource(pathToResource);\n            VirtualFile f = VfsUtil.findFileByURL(resourceUrl);\n            resourceUrl = VfsUtil.convertToURL(f.getUrl());\n            try {\n                this.state = (WebviewResourceState) new WebviewOpenedConnection(resourceUrl.openConnection());\n            } catch (Exception exception) {\n                \/\/log output\n            }\n            cefCallback.Continue();\n            return true;\n        }\n        return false;\n    }\n\n    \/**\n    * \u7528\u4e8e\u8bbe\u7f6e\u8d44\u6e90\u54cd\u5e94\u7684\u5934\u90e8\u4fe1\u606f\uff0c\u4f8b\u5982 Content-Type\u3001Cache-Control \u7b49\u3002\n    *\/\n    public void getResponseHeaders(CefResponse cefResponse, IntRef responseLength, StringRef redirectUrl) {\n        this.state.getResponseHeaders(cefResponse, responseLength, redirectUrl);\n    }\n\n    \/**\n    * \u7528\u4e8e\u8bfb\u53d6\u8d44\u6e90\u7684\u5185\u5bb9\uff0c\u53ef\u4ee5\u4ece\u8fd9\u4e2a\u65b9\u6cd5\u4e2d\u8bfb\u53d6\u8d44\u6e90\u7684\u6570\u636e\u5e76\u5c06\u5176\u4f20\u9012\u7ed9\u6d4f\u89c8\u5668\n    *\/\n    public boolean readResponse(byte&#91;] dataOut, int designedBytesToRead, IntRef bytesRead, CefCallback callback) {\n        return this.state.readResponse(dataOut, designedBytesToRead, bytesRead, callback);\n    }\n\n    \/**\n    * \u8bf7\u6c42\u53d6\u6d88\n    *\/\n    public void cancel() {\n        this.state.close();\n        this.state = (WebviewResourceState) new WebviewClosedConnection();\n    }\n\n}\n\n\/\/\u5b9a\u4e49\u5904\u7406 Chromium Embedded Framework (CEF) \u4e2d\u7684 Scheme\uff08\u534f\u8bae\uff09\u8bf7\u6c42\npublic class DataSchemeHandlerFactory implements CefSchemeHandlerFactory {\n    public CefResourceHandler create(CefBrowser cefBrowser, CefFrame cefFrame, String s, CefRequest cefRequest) {\n        return new DataResourceHandler();\n    }\n}\n\n\n\nimport org.cef.callback.CefCallback;\nimport org.cef.handler.CefLoadHandler;\nimport org.cef.misc.IntRef;\nimport org.cef.misc.StringRef;\nimport org.cef.network.CefResponse;\n\nimport java.io.InputStream;\nimport java.net.URLConnection;\n\npublic class WebviewOpenedConnection implements WebviewResourceState {\n    private URLConnection connection;\n\n    private InputStream inputStream;\n\n    public WebviewOpenedConnection(URLConnection connection) {\n        this.connection = connection;\n        try {\n            this.inputStream = connection.getInputStream();\n        } catch (Exception exception) {\n            System.out.println(exception);\n        }\n    }\n\n    public void getResponseHeaders(CefResponse cefResponse, IntRef responseLength, StringRef redirectUrl) {\n        try {\n            String url = this.connection.getURL().toString();\n            cefResponse.setMimeType(this.connection.getContentType());\n            try {\n                responseLength.set(this.inputStream.available());\n                cefResponse.setStatus(200);\n            } catch (Exception e) {\n                cefResponse.setError(CefLoadHandler.ErrorCode.ERR_FILE_NOT_FOUND);\n                cefResponse.setStatusText(e.getLocalizedMessage());\n                cefResponse.setStatus(404);\n            }\n        } catch (Exception e) {\n            cefResponse.setError(CefLoadHandler.ErrorCode.ERR_FILE_NOT_FOUND);\n            cefResponse.setStatusText(e.getLocalizedMessage());\n            cefResponse.setStatus(404);\n        }\n    }\n\n    public boolean readResponse(byte&#91;] dataOut, int designedBytesToRead, IntRef bytesRead, CefCallback callback) {\n        try {\n            int availableSize = this.inputStream.available();\n            if (availableSize &gt; 0) {\n                int maxBytesToRead = Math.min(availableSize, designedBytesToRead);\n                int realNumberOfReadBytes = this.inputStream.read(dataOut, 0, maxBytesToRead);\n                bytesRead.set(realNumberOfReadBytes);\n                return true;\n            }\n        } catch (Exception exception) {\n            \/\/log output\n        } finally {\n            this.close();\n        }\n        return false;\n    }\n\n    public void close() {\n        try {\n            if (this.inputStream != null)\n                this.inputStream.close();\n        } catch (Exception exception) {\n            \/\/log output\n        }\n    }\n}<\/code><\/pre>\n\n\n\n<ol start=\"4\"><li>\u524d\u7aef\u53d1\u9001\u8bf7\u6c42\u8c03\u7528\u63d2\u4ef6\uff0cJava \u8fdb\u7a0b\u63a5\u6536\u5e76\u5904\u7406\u3002<\/li><\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/\u524d\u7aef\u793a\u4f8b\u4ee3\u7801\n&lt;button onclick=\"callBrowser()\"&gt;\u8c03\u7528\u6d4f\u89c8\u5668\u4ee3\u7801&lt;\/button&gt;\n\n&lt;script&gt;\nfunction callBrowser() {\n  var parameter = \"example parameter\";\n  window.location.href = \"innerCefQuery:\/\/\" + parameter;\n}\n&lt;\/script&gt;\n\n\n\/\/\u63d2\u4ef6\u793a\u4f8b\u4ee3\u7801\nimport org.cef.browser.CefBrowser;\nimport org.cef.browser.CefFrame;\nimport org.cef.callback.CefQueryCallback;\nimport org.cef.handler.CefMessageRouterHandlerAdapter;\n\npublic class MessageRouterHandler extends CefMessageRouterHandlerAdapter {\n    @Override\n    public boolean onQuery(CefBrowser browser, CefFrame frame, long query_id, String request,\n                           boolean persistent, CefQueryCallback callback) {\n        try {\n            System.out.println(request);\n            callback.success(\"\");\n            return true;\n        } catch (Exception e) {\n            \/\/log output\n        }\n        return false;\n    }\n}<\/code><\/pre>\n\n\n\n<ol start=\"5\"><li>\u63d2\u4ef6\u524d\u7aef\u4ee3\u7801\u3002<\/li><\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ java\u8fdb\u7a0b\u8c03\u7528\u524d\u7aef\u4ee3\u7801\nString script = \"window.postMessage('\" + JSONObject.toJSONString(scriptObj) + \"');\";\nbrowser.executeJavaScript(script, \"\", 0);\n\n\/\/ \u524d\u7aef\u4ee3\u7801\nfunction postMessage(data) {\n  \/\/ \u5904\u7406\u4ece\u540e\u7aef\u4f20\u9012\u8fc7\u6765\u7684\u6570\u636e\n  console.log('Received message from backend:', data);\n  \/\/ \u5728\u8fd9\u91cc\u8fdb\u884c\u4f60\u5e0c\u671b\u6267\u884c\u7684\u5176\u4ed6\u64cd\u4f5c\n}<\/code><\/pre>\n\n\n\n<h2>\u5b9e\u73b0\u6548\u679c<\/h2>\n\n\n\n<p>\u901a\u8fc7\u4f7f\u7528 LigaAI IDE \u63d2\u4ef6\uff0c\u5f00\u53d1\u8005\u4eec\u65e0\u9700\u8df3\u8f6c\u6216\u767b\u5f55\u5916\u90e8\u7cfb\u7edf\uff0c\u5728 IDE \u5185\u5c31\u80fd\u67e5\u770b\u4efb\u52a1\u8be6\u60c5\u3001\u5b8c\u6210\u5de5\u4f5c\u3001\u66f4\u65b0\u548c\u540c\u6b65\u4efb\u52a1\u72b6\u6001\u3001\u8bb0\u5f55\u5e76\u63d0\u62a5\u5b8c\u6210\u4fe1\u606f\uff1b\u5728\u4eab\u53d7\u6c89\u6d78\u5f0f\u5de5\u4f5c\u7684\u540c\u65f6\uff0c\u96f6\u8d1f\u62c5\u5730\u5b9e\u73b0\u4e2a\u4eba\u76ee\u6807\u7ba1\u7406\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"618\" src=\"https:\/\/ligai.cn\/blog\/wp-content\/uploads\/2023\/11\/ide\u63d2\u4ef6\u6548\u679c1-1024x618.png\" alt=\"\" class=\"wp-image-1330\" srcset=\"https:\/\/ligai.cn\/blog\/wp-content\/uploads\/2023\/11\/ide\u63d2\u4ef6\u6548\u679c1-1024x618.png 1024w, https:\/\/ligai.cn\/blog\/wp-content\/uploads\/2023\/11\/ide\u63d2\u4ef6\u6548\u679c1-300x181.png 300w, https:\/\/ligai.cn\/blog\/wp-content\/uploads\/2023\/11\/ide\u63d2\u4ef6\u6548\u679c1-768x464.png 768w, https:\/\/ligai.cn\/blog\/wp-content\/uploads\/2023\/11\/ide\u63d2\u4ef6\u6548\u679c1.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u6b64\u5916\uff0cJCEF \u4e3a\u63d2\u4ef6\u5f00\u53d1\u8005\u63d0\u4f9b\u4e86\u4e00\u4e2a\u5f3a\u5927\u7684\u5de5\u5177\uff0c\u53ef\u4ee5\u5229\u7528 Chromium \u6d4f\u89c8\u5668\u7684\u5404\u79cd\u529f\u80fd\u548c\u6269\u5c55\u6027\uff0c\u4ee5\u66f4\u4e30\u5bcc\u3001\u66f4\u9ad8\u7ea7\u7684\u65b9\u5f0f\u63d0\u4f9b\u4fe1\u606f\u548c\u529f\u80fd\uff0c\u4f7f\u7f16\u7801\u8fc7\u7a0b\u53d8\u5f97\u5bb9\u6613\u3002<\/p>\n\n\n\n<p>\u56e0\u6b64\uff0c\u5229\u7528 LigaAI IDE \u63d2\u4ef6\u63d0\u4f9b\u7684\u53ef\u89c6\u5316\u56fe\u8868\uff0c\u7814\u53d1\u56e2\u961f\u8fd8\u53ef\u4ee5\u4e86\u89e3\u6574\u4f53\u7f16\u7801\u60c5\u51b5\u3001\u4e0d\u540c\u4efb\u52a1\u7c7b\u578b\u7684\u8017\u65f6\u5206\u5e03\u7b49\uff0c\u66f4\u6709\u9488\u5bf9\u6027\u5730\u5236\u5b9a\u4f18\u5316\u65b9\u6848\uff0c\u6216\u8c03\u6574\u89c4\u5212\u6392\u671f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"715\" src=\"https:\/\/ligai.cn\/blog\/wp-content\/uploads\/2023\/11\/ide\u63d2\u4ef6\u6548\u679c2-1024x715.png\" alt=\"\" class=\"wp-image-1329\" srcset=\"https:\/\/ligai.cn\/blog\/wp-content\/uploads\/2023\/11\/ide\u63d2\u4ef6\u6548\u679c2-1024x715.png 1024w, https:\/\/ligai.cn\/blog\/wp-content\/uploads\/2023\/11\/ide\u63d2\u4ef6\u6548\u679c2-300x210.png 300w, https:\/\/ligai.cn\/blog\/wp-content\/uploads\/2023\/11\/ide\u63d2\u4ef6\u6548\u679c2-768x537.png 768w, https:\/\/ligai.cn\/blog\/wp-content\/uploads\/2023\/11\/ide\u63d2\u4ef6\u6548\u679c2-1536x1073.png 1536w, https:\/\/ligai.cn\/blog\/wp-content\/uploads\/2023\/11\/ide\u63d2\u4ef6\u6548\u679c2-2048x1431.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2>\u5e38\u89c1\u95ee\u9898\u53ca\u907f\u5751\u6307\u5357<\/h2>\n\n\n\n<p>1\uff1a\u96c6\u6210 JCEF\uff0c\u5982\u4f55\u4f7f Web \u6837\u5f0f\u4e0e IDE \u63d2\u4ef6\u6574\u4f53\u6837\u5f0f\u4fdd\u6301\u7edf\u4e00\uff1f<\/p>\n\n\n\n<p>\u901a\u8fc7\u4e0b\u8ff0\u65b9\u6cd5\u83b7\u53d6 IDE \u7684\u4e3b\u9898\u6a21\u5f0f\uff1b<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>public static String getGlobalStyle() {\n    if (EditorColorsManager.getInstance().isDarkEditor())\n        return \"dark\";\n    return \"light\";\n}<\/code><\/pre>\n\n\n\n<p>\u83b7\u53d6 IDE \u5185\u7684\u6837\u5f0f\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/\u4e3b\u8981\u53ef\u4ee5\u67e5\u770bcom.intellij.util.ui.UIUtil\u548ccom.intellij.ui.JBColor\u8fd9\u4e24\u4e2a\u7c7b\n\/\/\u83b7\u53d6\u5b57\u4f53\u5927\u5c0f\nFont font = UIUtil.getLabelFont();\n\/\/\u83b7\u53d6\u80cc\u666f\u989c\u8272\nColor bg = JBColor.background();\n\/\/\u83b7\u53d6\u5b57\u4f53\u989c\u8272\nColor labelFontColor = UIUtil.getLabelFontColor(UIUtil.FontColor.NORMAL);\n\/\/\u83b7\u53d6\u6309\u94ae\u7684\u80cc\u666f\u989c\u8272\nJBColor buttonBg = JBColor.namedColor(\"Button.default.startBackground\",JBUI.CurrentTheme.Focus.defaultButtonColor());\n\/\/\u83b7\u53d6\u8fb9\u6846\u7684\u989c\u8272\nColor border = JBColor.border();<\/code><\/pre>\n\n\n\n<p>2\uff1aJava \u548c\u6d4f\u89c8\u5668\u4e4b\u95f4\u7684\u4ea4\u4e92\u8def\u7531\u540d\u79f0\u4e0d\u80fd\u8bbe\u7f6e\u4e3a <code>cefQuery<\/code> \u548c <code>cefQueryCancel<\/code>\u3002<\/p>\n\n\n\n<p>\u8fd9\u4e24\u4e2a\u4e3a JCEF \u7684\u5185\u7f6e\u8def\u7531\uff0c\u540c\u540d\u4f1a\u5e72\u6270\u751a\u81f3\u8986\u76d6 JCEF \u7684\u5185\u90e8\u5904\u7406\u903b\u8f91\uff0c\u6709\u4e00\u5b9a\u6982\u7387\u4f1a\u5bfc\u81f4\u7cfb\u7edf\u767d\u5c4f\u7b49\u610f\u5916\u884c\u4e3a\u548c\u5f02\u5e38\u60c5\u51b5\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>CefMessageRouter.CefMessageRouterConfig routerConfig =\n            new CefMessageRouter.CefMessageRouterConfig(\"innerCefQuery\", \"innerCefQueryCancel\");<\/code><\/pre>\n\n\n\n<p>3\uff1a\u4e8e JetBrains \u63d2\u4ef6\u800c\u8a00\uff0c\u5982\u679c\u6d4f\u89c8\u5668\u52a0\u8f7d\u7684\u9759\u6001\u9875\u9762\u6570\u636e\u662f\u6253\u5305\u5728\u63d2\u4ef6\u5305\u5185\u7684\u672c\u5730\u6570\u636e\uff0c\u52a0\u8f7d\u8fc7\u7a0b\u4e2d\u83b7\u53d6\u76ee\u6807 URL \u9700\u8981\u5148\u628a\u76ee\u6807\u6587\u4ef6\u8f6c\u5316\u4e3a JetBrains \u7684\u865a\u62df\u6587\u4ef6\uff0c\u518d\u83b7\u53d6\u865a\u62df\u6587\u4ef6\u7684 URL \u4f5c\u4e3a\u7ed3\u679c\uff0c\u4e0d\u7136\u4f1a\u52a0\u8f7d\u4e0d\u5230\u76ee\u6807\u6587\u4ef6\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>public boolean processRequest(CefRequest cefRequest, CefCallback cefCallback) {\n    String url = cefRequest.getURL();\n    if (StringUtils.isNotBlank(url) &amp;&amp; url.startsWith(\"http:\/\/inner\")) {\n        String pathToResource = url.replace(\"http:\/\/inner\", \"\/front\/inner\");\n        pathToResource = pathToResource.split(\"\\\\?\")&#91;0];\n        \/\/ \u8fd9\u91cc\u5148\u83b7\u53d6\u76ee\u6807\u6587\u4ef6\uff0c\u8f6c\u6210\u865a\u62df\u6587\u4ef6\uff0c\u518d\u83b7\u53d6\u5bf9\u5e94URL\n        URL resourceUrl = getClass().getResource(pathToResource);\n        VirtualFile f = VfsUtil.findFileByURL(resourceUrl);\n        resourceUrl = VfsUtil.convertToURL(f.getUrl());\n        \/\/\n        try {\n            this.state = (WebviewResourceState) new WebviewOpenedConnection(resourceUrl.openConnection());\n        } catch (Exception exception) {\n        }\n        cefCallback.Continue();\n        return true;\n    }\n    return false;\n}<\/code><\/pre>\n\n\n\n<p>4\uff1a\u63d2\u4ef6\u521d\u59cb\u5316\u65f6\uff0c\u5982\u679c\u6d4f\u89c8\u5668\u8bf7\u6c42 java \u7684\u63a5\u53e3\u8f83\u591a\uff0c\u6216\u63a5\u53e3\u901f\u5ea6\u8f83\u6162\u65f6\uff0c\u53ef\u80fd\u4f1a\u51fa\u73b0\u767d\u5c4f\u3002\u8fd9\u662f\u56e0\u4e3a <code>onQuery<\/code> \u91cc\u590d\u6742\u7684\u903b\u8f91\u9700\u8981\u5f02\u6b65\u5904\u7406\uff0c\u4e0d\u7136\u591a\u4e2a\u8bf7\u6c42\u4f1a\u963b\u585e\u5bfc\u81f4\u6d4f\u89c8\u5668\u767d\u5c4f\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>public class MessageRouterHandler extends CefMessageRouterHandlerAdapter {\n    @Override\n    public boolean onQuery(CefBrowser browser, CefFrame frame, long query_id, String request,\n                           boolean persistent, CefQueryCallback callback) {\n        try {\n            ApplicationManager.getApplication().invokeLater(() -&gt; {\n                \/\/\u8fdb\u884c\u590d\u6742\u7684\u903b\u8f91\n            });\n            callback.success(\"\");\n            return true;\n        } catch (Exception e) {\n            \/\/log output\n        }\n        return false;\n    }\n}<\/code><\/pre>\n\n\n\n<h2>\u53c2\u8003\u8d44\u6599<\/h2>\n\n\n\n<p>[1] CEF \u76f8\u5173\u6587\u6863\uff1ahttps:\/\/github.com\/chromiumembedded\/cef<\/p>\n\n\n\n<p>[2] JCEF \u6e90\u7801\u4f4d\u7f6e\uff1a https:\/\/github.com\/chromiumembedded\/java-cef<\/p>\n\n\n\n<p>[3] Jetbrains \u63d2\u4ef6\u5f00\u53d1\u6587\u6863\uff1ahttps:\/\/plugins.jetbrains.com\/docs\/intellij\/welcome.html<\/p>\n\n\n\n<p>[4] JxBrowser \u548c JCEF \u7684\u5bf9\u6bd4\uff1ahttps:\/\/dzone.com\/articles\/jxbrowser-and-jcef<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><strong>>> LigaAI \u5f80\u671f\u7cbe\u5f69\u9605\u8bfb &lt;&lt;<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/ligai.cn\/blog\/%e7%a0%94%e5%8f%91%e7%ae%a1%e7%90%86\/1322.html\">\u51c6\u300cAI \u65f6\u4ee3\u300d\u4e0b\uff0c\u5982\u4f55\u8861\u91cf\u7a0b\u5e8f\u5458\u7684\u5de5\u4f5c\u6548\u7387\u548c\u751f\u4ea7\u529b\uff1f<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/ligai.cn\/blog\/%e7%a0%94%e5%8f%91%e7%ae%a1%e7%90%86\/1307.html\">\u751f\u6210\u5f0f AI \u5982\u4f55\u91ca\u653e\u5f00\u53d1\u8005\u7684\u751f\u4ea7\u529b\uff1f<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/ligai.cn\/blog\/%e7%a0%94%e5%8f%91%e7%ae%a1%e7%90%86\/1303.html\">\u65b0\u664b\u6280\u672f\u7ba1\u7406\u8005\u5982\u4f55\u63a8\u52a8\u7ec4\u7ec7\u53d8\u9769\uff1f<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/ligai.cn\/blog\/pmo\/1296.html\">\u5411\u4e0a\u7ba1\u7406\uff1a\u4e09\u4e2a\u6280\u5de7\uff0c\u6559\u4f1a\u4f60\u5982\u4f55\u4e0e\u4e0a\u7ea7\u3001\u8001\u677f\u9ad8\u6548\u534f\u4f5c<\/a><\/p>\n\n\n\n<h2><strong><strong>\u6b22\u8fce\u8bd5\u7528 <a href=\"https:\/\/ligai.cn\">LigaAI-\u667a\u80fd\u7814\u53d1\u534f\u4f5c\u5e73\u53f0<\/a>\uff0c\u4f53\u9a8c\u667a\u80fd\u7814\u53d1\u534f\u4f5c\uff0c\u4e00\u8d77\u53d8\u5927\u53d8\u5f3a\uff01<\/strong><\/strong><\/h2>\n","protected":false},"excerpt":{"rendered":"<p>\u9879\u76ee\u80cc\u666f \u5f53\u524d\u7684\u5f00\u53d1\u73af\u5883\u5b58\u5728\u591a\u79cd\u4e0d\u540c\u8bed\u8a00\u7684 IDE\uff0c\u5982 JetBrains \u5168\u5bb6\u6876\u3001Eclipse\u3001Andro &#8230; <a title=\"\u6280\u672f\u5206\u4eab | \u5728 IDE \u63d2\u4ef6\u5f00\u53d1\u4e2d\u63a5\u5165 JCEF \u6846\u67b6\" class=\"read-more\" href=\"https:\/\/ligai.cn\/blog\/sharing\/1328.html\" aria-label=\"\u7ee7\u7eed\u9605\u8bfb\u6280\u672f\u5206\u4eab | \u5728 IDE \u63d2\u4ef6\u5f00\u53d1\u4e2d\u63a5\u5165 JCEF \u6846\u67b6\">\u9605\u8bfb\u66f4\u591a<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[22],"tags":[57],"_links":{"self":[{"href":"https:\/\/ligai.cn\/blog\/wp-json\/wp\/v2\/posts\/1328"}],"collection":[{"href":"https:\/\/ligai.cn\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ligai.cn\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ligai.cn\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ligai.cn\/blog\/wp-json\/wp\/v2\/comments?post=1328"}],"version-history":[{"count":1,"href":"https:\/\/ligai.cn\/blog\/wp-json\/wp\/v2\/posts\/1328\/revisions"}],"predecessor-version":[{"id":1332,"href":"https:\/\/ligai.cn\/blog\/wp-json\/wp\/v2\/posts\/1328\/revisions\/1332"}],"wp:attachment":[{"href":"https:\/\/ligai.cn\/blog\/wp-json\/wp\/v2\/media?parent=1328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ligai.cn\/blog\/wp-json\/wp\/v2\/categories?post=1328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ligai.cn\/blog\/wp-json\/wp\/v2\/tags?post=1328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}