draw.io二次开发（1）三种运行模式的区别

想尝试在开源的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错误信息了。