क्या हम जावास्क्रिप्ट

Question

का उपयोग कर लॉग फ़ाइलों को बना सकते हैं इसके बजाय अलर्ट बॉक्स में प्रदर्शित करने के लिए मैं अपने आउटपुट को जावास्क्रिप्ट से लॉग फ़ाइल में निर्देशित करना चाहता हूं। क्या ऐसा करने के लिए कोई तरीका है। यदि ऐसा है तो कृपया इसे एक उदाहरण के साथ समझाएं।

Answer 1

हाँ, गूगल क्रोम ब्राउज़र का उपयोग कर F12 कुंजी मारा, और सांत्वना बटन पर क्लिक करें। तब

console.log(your code); 

का उपयोग आप ऑब्जेक्ट, अरै, तार, चर प्रवेश कर सकते हैं। अलर्ट से अधिक उपयोगी है।

फ़ायरफ़ॉक्स में भी फ़ायरफ़ॉक्स प्लगइन काफी उपयोगी है। समान कार्यक्षमता है, और Google क्रोम में बनाया गया निरीक्षण तत्व फ़ंक्शन जोड़ता है।

संपादित करें: ठीक है, आपकी टिप्पणी के आधार पर, आप बस अपनी फ़ाइल सिस्टम पर नहीं लिख सकते हैं। ब्राउज़र आपको नहीं देगा। यदि आप कुछ अविभाज्य चाहते हैं तो एक उत्तम दर्जे का मोडल विंडो या ओवरले की तरह कुछ कोशिश करें, जो उपयोगकर्ता के लिए कष्टप्रद अलर्ट की बजाय बातचीत करने के लिए वैकल्पिक है और पुष्टि करता है। आप इस http://davidwalsh.name/dw-content/top-bar-opacity.php

Answer 2

अधिकतर ब्राउज़र Console API से window.console वस्तु का समर्थन:

console.log("Hello world"); 

Answer 3

जैसे कुछ भी जोड़ सकते हैं आप हमेशा एक AJAX कॉल सर्वर पर वापस भेज सकते हैं और वहां त्रुटि संदेशों को ट्रैक कर सकते हैं।

Answer 4

असल में ऐसा करने का एक तरीका है लेकिन यह केवल Google क्रोम पर उपलब्ध है और अधिकतर एक्सटेंशन के रूप में पैक किए गए HTML5 अनुप्रयोगों के लिए उपलब्ध है। There are plans to make it available in wider distributions but not quite there yet। इसे FileSystem API कहा जाता है। यहाँ एक उदाहरण मैंने कुछ समय पहले के साथ खेल रहा था है -

// test HTML5 file system API 

function onInitFs(fs){ 
    console.log("Opened file system " + fs.name); 
} 

function errorHandler(){ 
    var msg = ''; 

    switch(e.code){ 
     case FileError.QUOTA_EXCEEDED_ERR: 
      msg = 'QUOTA_EXCEEDED_ERR'; 
      break; 
     case FileError.NOT_FOUND_ERR: 
      msg = 'NOT_FOUND_ERR'; 
      break; 
     case FileError.SECURITY_ERR: 
      msg = 'SECURITY_ERR'; 
      break; 
     case FileError.INVALID_STATE_ERR: 
      msg = 'INVALID_STATE_ERR'; 
      break; 
     default: 
      msg = 'Unknown Error'; 
      break; 
    }; 

    console.log('Error: ' + msg); 
} 

window.requestFileSystem(
    window.TEMPORARY, 
    5*1024*1024 /*5MB*/, 
    onInitFs, 
    errorHandler 
); 

// create empty file called log.txt 
// throws an error e is not defined 
function onInitFs(fs){ 
    fs.root.getFile(
     'log.txt', 
     { 
      create: true, 
      exclusive: true 
     }, 
     function(fileEntry){ 
      console.log('fileEntry.isFile = ' + fileEntry.isFile); 
      console.log('fileEntry.name = ' + fileEntry.name); 
      console.log('fileEntry.fullPath ' + fileEntry.fullPath); 
     }, 
     errorHandler 
    ); 
} 

function errorHandler(){ 
    var msg = ''; 

    switch(e.code){ 
     case FileError.QUOTA_EXCEEDED_ERR: 
      msg = 'QUOTA_EXCEEDED_ERR'; 
      break; 
     case FileError.NOT_FOUND_ERR: 
      msg = 'NOT_FOUND_ERR'; 
      break; 
     case FileError.SECURITY_ERR: 
      msg = 'SECURITY_ERR'; 
      break; 
     case FileError.INVALID_STATE_ERR: 
      msg = 'INVALID_STATE_ERR'; 
      break; 
     default: 
      msg = 'Unknown Error'; 
      break; 
    }; 

    console.log('Error: ' + msg); 
} 

window.requestFileSystem(
    window.TEMPORARY, 
    5*1024*1024, 
    onInitFs, 
    errorHandler 
); 

// simple debugging 
window.requestFileSystem(
    window.TEMPORARY, 
    5*1024*1024, 
    function(fs){ 
     console.dir(fs.root); 
     fs.root.getFile('log.txt'); 
    }, 
    function(error){ 
     console.dir(error); 
    } 
);