想嘗試在開(kāi)源的drawio的基礎(chǔ)上做一些開(kāi)發(fā)，實(shí)現(xiàn)自己的定制化需求。可能是因?yàn)檫@個(gè)工具已經(jīng)非常完善了吧，找到的大部分都是教你如何使用，開(kāi)發(fā)相關(guān)資料太少，看來(lái)只能靠自己了。

關(guān)于開(kāi)發(fā)環(huán)境搭建，請(qǐng)先看這一篇：《draw.io項(xiàng)目本地部署》
在一些資料中提到了三種模式：普通模式，離線模式，開(kāi)發(fā)模式。先通過(guò)瀏覽器控制臺(tái)，來(lái)看一看這三種模式有什么區(qū)別：
（首先要注意：瀏覽器端和服務(wù)器端的主機(jī)，都與Internet斷開(kāi)，這樣才能測(cè)試自己部署的情況，否則搞不清哪些地方用到了在線資源）

普通模式：http://localhost:8080/drawio

可以看到在普通模式下，draw.io去嘗試獲取了google、Dropbox、OneDrive的資源，前兩者目前處于被墻的狀態(tài)，OneDrive如果瀏覽器聯(lián)機(jī)的話，是能夠訪問(wèn)的。這證明了這些資源是由前端直接訪問(wèn)的，沒(méi)有通過(guò)draw.io的tomcat服務(wù)器。

離線模式：http://localhost:8080/drawio/?offline=1

可以發(fā)現(xiàn)，在離線模式下，前端頁(yè)面并沒(méi)有訪問(wèn)google、Dropbox、OneDrive資源。

離線模式：http://localhost:8080/drawio/?dev=1

大塊的紅色。這證明了在離線模式下，前端并沒(méi)有調(diào)用開(kāi)發(fā)環(huán)境的頁(yè)面內(nèi)容。比較可信的說(shuō)法是，在線和離線模式都調(diào)用了壓縮后的打腳本“drawio/src/main/webapp/js/app.min.js”。所以要進(jìn)行二次開(kāi)發(fā)并及時(shí)看到效果，必須使用開(kāi)發(fā)模式。

打開(kāi)drawio/src/main/webapp/index.html，修改其中的URL前綴為本地，然后就可以消除上面的紅色404錯(cuò)誤信息了。

總結(jié)

以上是生活随笔為你收集整理的draw.io二次开发（1）三种运行模式的区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。