4

我有這個JavaScript文件網址:什麼是在實時網頁上執行JavaScript文件的最快,最簡單的方法?

https://rawgit.com/Khan/tota11y/master/build/tota11y.min.js

(託管在GitHub上,並通過RawGit),我想通過瀏覽器的控制檯將其注入到實際網頁。

爲了實現這一目標,我可以動態地創建一個<script>元素,並將其附加到DOM:

(function() { 
    var s = document.createElement('script'); 
    s.src = 'https://rawgit.com/Khan/tota11y/master/build/tota11y.min.js'; 
    document.body.appendChild(s); 
}()) 

但這既不快捷也不容易。我想用一個API,通過一個簡單的調用使這成爲可能,例如:

exec('https://rawgit.com/Khan/tota11y/master/build/tota11y.min.js') 

待辦事項Chrome或Firefox提供的控制檯這樣的API(或任何類似)?


使用案例:在GitHub上託管直播網頁快速測試JavaScript庫。

回答

9

在Firefox中,您可以使用開發工具欄注入腳本。與Shift+F2要拿出來,然後鍵入inject https://rawgit.com/Khan/tota11y/master/build/tota11y.min.js

More info on MDN

+0

這正是我想要的。 –

+1

我們有[計劃](https://bugzilla.mozilla.org/show_bug.cgi?id=789675)將開發人員工具欄中的命令系統摺疊到控制檯本身,希望在今年晚些時候。 – canuckistani

0

你需要從我所看到的一個模塊加載能力。你有兩個途徑:

  • 要麼使用一個模塊加載像Require.js已經做那種動態加載的爲您服務。它強制你使用AMD風格的腳本。 This website在javascript中講述了更多關於模塊的內容。 require對象將在控制檯中可用,因爲它是全局的。

  • 如果您已經使用jQuery(這是一個非常大的庫來導入它),請使用類似jQuery does here的hackish函數。 jQuery是全局的,你可以在控制檯中調用該函數。

編輯:我之所以沒有鏈接的瀏覽器特定功能,是因爲它太具體。使用僅支持JavaScript的解決方案可在所有瀏覽器上運行以測試兼容性。

相關問題