Saya melihat jsfiddle ini: http://jsfiddle.net/carpasse/mcVfK/ Bekerja dengan baik bukan itu masalahnya, saya hanya ingin tahu cara men-debug melalui javascript. Saya mencoba menggunakan perintah debugger dan saya tidak dapat menemukannya di tab sumber? tahu bagaimana saya bisa men-debug ini?
beberapa kode dari biola:
angular.module('app', ['appServices'])
.config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/home', {templateUrl: 'home.html', controller: HomeCtrl}).
when('/list', {templateUrl: 'list.html', controller: ListCtrl}).
when('/detail/:itemId', {templateUrl: 'detail.html', controller: DetailCtrl}).
when('/settings', {templateUrl: 'settings.html', controller: SettingsCtrl}).
otherwise({redirectTo: '/home'});
}]);
debugger;
ke dalam kode. Chrome dan Firefox akan secara otomatis membuka debugger langkah demi langkah! (Saya telah menyalin tip ini dari jawaban @ user3335908 untuk membuatnya lebih menonjol)Jawaban:
JavaScript dijalankan dari folder fiddle.jshell.net pada tab Sources Chrome. Anda dapat menambahkan breakpoint ke file indeks yang ditunjukkan pada tangkapan layar Chrome di bawah.
sumber
fiddle.jshell.net
hanya berisi_display
dengan(index)
inside, yang merupakan halaman HTML dengan hampir kosong<p>That page doesn't exist.</p>
. Kode js saya tidak adaGunakan
debugger;
pernyataan dalam kode. Browser memasukkan breakpoint pada pernyataan ini, dan Anda dapat melanjutkan di debugger browser.Ini harus bekerja setidaknya di chrome dan firefox. https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/debugger
sumber
Sesuatu yang layak untuk disebutkan. Jika Anda pernah menggunakan alat dev chrome. Tekan ctrl+ shift+ Fdan Anda dapat mencari semua file di sumbernya.
sumber
Selain jawaban lainnya.
Sering kali, cukup tulis informasi debug ke konsol akan berguna:
Outputnya tersedia di browser dev tools console. Seperti itu login dari kode javascript biasa.
Ini cukup sederhana dan efektif.
sumber
Menambahkan pernyataan debugger di kode dan mengaktifkan "Alat Pengembang" di bowser. Kemudian saat Anda menjalankan kode di JSFiddle, debugger akan terkena !.
sumber
Ini tempat lain :)
Di bawah
Jsfiddle.net
simpul.sumber
<pre>
...</pre>
. Ini bukan kode yang sebenarnya dapat dijalankan.JavaScript dijalankan dari file
?editor_console=true
di folderresult (fiddle.jshell.net)/fiddle.jshell.net/_display
folder pada tab Sumber di Chrome saat menggunakan alat pengembang. Anda dapat menambahkan breakpoint ke kode Anda kemudian dan menyegarkan halaman.Informasi selengkapnya tentang menggunakan chrome debugger dapat ditemukan di Mencoba men-debug Javascript di Chrome
sumber