通过浏览器的调试工具（比如Chrome下有个开发人员工具，按F12可以唤出，在source里可以看到页面引用的js文件）去确定需要修改的代码位置；
修改代码，然后保存到本地
针对你最后一句，有个工具Fiddler恰恰能满足，借助它可以实现上一步的文件替换页面里原有的js文件。
难点在于定位代码的位置，如果页面里的代码被混淆了，读起来困难，会加大寻找位置的障碍。
关于Fiddler的用法：
到官网下载，大概800kb左右，可谓人小鬼大，是我们前端开发人员的利器。
打开后，右侧有个autoresponder，可以添加rules，设定匹配指定的某个请求url，将其指向本地文件，这样就不会访问服务器端的文件了。
直接用js实现比较麻烦，不同版本的浏览器（主要是低版本的）支持的方法会不一样。
建议使用jquery实现：
添加事件例：
$("button").on("click", function(){console.log("clicked")
})
移除事件例：
$("button").off("click")文档链接：http://api.jquery.com/on/
jsPlumb支持绑定到Connections，Endpoints和Overlays上的几个不同事件，以及jsPlumb对象本身。
要在jsPlumb本身（或jsPlumb实例）上绑定事件，请使用jsPlumb.bind(event, callback)
可以在jsPlumb类上绑定的事件：
info具有的属性：
originalEvent：建立连接的原始鼠标事件。
注： jsPlumb.connect或者鼠标连线时触发此事件
info具有的属性：
连接到某个节点之前放弃新拖动的Connection时不会触发此事件，可以使用connectionAborted捕获。
originalEvent：断开连接的原始鼠标事件。
info具有的属性：
注：当此事件触发时，连接的目标端点是jsPlumb用于拖动的瞬态元素，随后在建立或中止连接时将从DOM中删除。
info具有的属性：
beforeDrag 与其他拦截器的操作略有不同：从拦截器函数返回false将取消当前拖动，也可以从拦截器返回一个对象，此对象将作为 data 被传进新连接的构造函数中:
如果已定义参数化连接类型，此功能特别有用。使用此机制，可以使用选择的数据填充新拖动的连接。
注: 1.7.6之前的所有jsPlumb版本，新的连接拖动以及拖动现有的连接都会触发beforeDetach。从1.7.6开始，后一种行为已被移至 beforeStartDetach拦截器。
返回false，取消拖动。
绑定到Connection上的事件，还可以使用以下bind方法：
这些是可以绑定到连线事件：
绑定到端点上的事件，使用以下bind方法：
这些是可以绑定到端点的事件：
在Overlay上注册事件侦听器是一个稍微不同的过程 - 将它们作为Overlay构造函数的参数。
以下是在Overlay上注册点击监听器的方法：
在jsPlumb对象以及Connections和Endpoints上，可以使用unbind方法删除监听器。
下一篇：拓扑图编辑器-实现过程
