জেএসফিডেলে জেএস কীভাবে ডিবাগ করবেন

Question 1

আমি এই jsfiddle এ দেখছি: http://jsfiddle.net/carpasse/mcVfK/ এটি ঠিক কাজ করে যা সমস্যা নয়, আমি কেবল জাভাস্ক্রিপ্টের মাধ্যমে কীভাবে ডিবাগ করব তা জানতে চাই। আমি ডিবাগার কমান্ডটি ব্যবহার করার চেষ্টা করেছি এবং আমি এটি উত্স ট্যাবে খুঁজে পাচ্ছি না? আমি এই ডিবাগ করতে পারেন কিভাবে কোন ধারণা?

ফিডল থেকে কিছু কোড:

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'});
}]);

Question 2

জাভাস্ক্রিপ্ট ক্রোমের উত্স ট্যাব এর fiddle.jshell.net ফোল্ডার থেকে কার্যকর করা হয়। আপনি নীচে Chrome স্ক্রিনশটে প্রদর্শিত সূচি ফাইলটিতে ব্রেকপয়েন্টগুলি যুক্ত করতে পারেন।

ক্রোমে জেএসফিডাল ডিবাগ করছে

এখানে চিত্র বর্ণনা লিখুন

Question 3

কোডটিতে debugger;স্টেটমেন্টটি ব্যবহার করুন । ব্রাউজারটি এই বিবৃতিতে একটি ব্রেকপয়েন্ট সন্নিবেশ করে এবং আপনি ব্রাউজারের ডিবাগারে চালিয়ে যেতে পারেন।

এটি ক্রোম এবং ফায়ারফক্সে কমপক্ষে কাজ করা উচিত। https://developer.mozilla.org/en/docs/Web/ জাভা স্ক্রিপ্ট / রেফারেন্স / স্টেটমেন্টস / ডিবেগার

angular.module('app', ['appServices'])
.config(['$routeProvider', function($routeProvider) {
    // *** Debugger invoked here
    debugger;
    $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'});
}]);

Question 4

কিছু উল্লেখ করার মতো। আপনি যদি ক্রোম ডেভ সরঞ্জামগুলি ব্যবহার করেন। ctrl+ shift+ চাপুন Fএবং আপনি উত্সের সমস্ত ফাইলের মাধ্যমে অনুসন্ধান করতে পারেন।

Question 5

অন্যান্য উত্তর ছাড়াও।

প্রায়শই এটি কনসোলে ডিবাগ তথ্য লিখতে দরকারী:

console.log("debug information here");

আউটপুট ব্রাউজারে ডেভ সরঞ্জাম কনসোল উপলব্ধ। এটি সাধারণ জাভাস্ক্রিপ্ট কোড থেকে লগ করা হয়েছিল।
এটি বেশ সহজ এবং কার্যকর।

Question 6

কোডটিতে একটি ডিবাগার স্টেটমেন্ট যুক্ত করা এবং বোসারটিতে "বিকাশকারী সরঞ্জাম" সক্ষম করুন। তারপরে আপনি যখন জেএসফিডেলে কোডটি চালাচ্ছেন, তখন ডিবাগারটি আঘাত হানবে !.

Question 7

এখানে অন্য জায়গা :)

অধীনে Jsfiddle.netনোড।

Question 8

বিকাশকারী সরঞ্জামটি ব্যবহার করার সময় ক্রোমের সোর্স ট্যাব ?editor_console=trueফোল্ডারের result (fiddle.jshell.net)/fiddle.jshell.net/_displayফোল্ডারের ফাইল থেকে জাভাস্ক্রিপ্ট কার্যকর করা হয় । আপনি আপনার কোডটিতে ব্রেকপয়েন্টগুলি যুক্ত করতে পারেন এবং পৃষ্ঠাটি রিফ্রেশ করতে পারেন।

ক্রোম ডিবাগার ব্যবহার করার বিষয়ে আরও তথ্য ক্রোমে জাভাস্ক্রিপ্ট ডিবাগ করার চেষ্টা করে পাওয়া যাবে