想嘗試在開源的drawio的基礎上做一些開發，實現自己的定制化需求。可能是因為這個工具已經非常完善了吧，找到的大部分都是教你如何使用，開發相關資料太少，看來只能靠自己了。

關于開發環境搭建，請先看這一篇：《draw.io項目本地部署》
在一些資料中提到了三種模式：普通模式，離線模式，開發模式。先通過瀏覽器控制臺，來看一看這三種模式有什么區別：
（首先要注意：瀏覽器端和服務器端的主機，都與Internet斷開，這樣才能測試自己部署的情況，否則搞不清哪些地方用到了在線資源）

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

可以看到在普通模式下，draw.io去嘗試獲取了google、Dropbox、OneDrive的資源，前兩者目前處于被墻的狀態，OneDrive如果瀏覽器聯機的話，是能夠訪問的。這證明了這些資源是由前端直接訪問的，沒有通過draw.io的tomcat服務器。

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

可以發現，在離線模式下，前端頁面并沒有訪問google、Dropbox、OneDrive資源。

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

大塊的紅色。這證明了在離線模式下，前端并沒有調用開發環境的頁面內容。比較可信的說法是，在線和離線模式都調用了壓縮后的打腳本“drawio/src/main/webapp/js/app.min.js”。所以要進行二次開發并及時看到效果，必須使用開發模式。

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。