Sea.js 的調(diào)試接口

2018-11-06 18:31 更新

使用 Sea.js,無論開發(fā)時(shí)還是上線后,調(diào)試都很方便。下面一一闡述。

seajs.cache Object

通過 seajs.cache,可以查閱當(dāng)前模塊系統(tǒng)中的所有模塊信息。

比如,打開 seajs.org,然后在 WebKit Developer Tools 的 Console 面板中輸入 seajs.cache,可以看到:

Object
  > http://seajs.org/docs/assets/main.js: x
  > https://a.alipayobjects.com/jquery/jquery/1.10.1/jquery.js: x
  > __proto__: Object

這些就是文檔首頁用到的模塊。展開某一項(xiàng)可以看到模塊的具體信息,含義可參考:CMD 模塊定義規(guī)范 中的 module 小節(jié)。

seajs.resolve Function

類似 require.resolve,會利用模塊系統(tǒng)的內(nèi)部機(jī)制對傳入的字符串參數(shù)進(jìn)行路徑解析。

seajs.resolve('jquery');// => http://path/to/jquery.jsseajs.resolve('./a', 'http://example.com/to/b.js');// => http://example.com/to/a.js

seajs.resolve 方法不光可以用來調(diào)試路徑解析是否正確,還可以用在插件開發(fā)環(huán)境中。

seajs.require Function

全局的 require 方法,可用來直接獲取模塊接口,比如

seajs.use(['a', 'b'], function() {  var a = seajs.require('a')  var b = seajs.require('b')  // do something...})

seajs.data Object

通過 seajs.data,可以查看 seajs 所有配置以及一些內(nèi)部變量的值,可用于插件開發(fā)。當(dāng)加載遇到問題時(shí),也可用于調(diào)試。

seajs.log Function

由 seajs-log 插件提供,詳見:https://github.com/seajs/seajs-log

seajs.find Function

由 seajs-debug 插件提供,詳見:https://github.com/seajs/seajs-debug


Sea.js 還有 debug 插件:seajs-debug

有了這些方法和插件,能極大地方便開發(fā)維護(hù),趕快試試吧。 


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號