tìm hiểu xem bàn điều khiển có sẵn

Question

Tôi đã tự hỏi, làm thế nào tôi có thể tìm ra với javascript nếu đối tượng điều khiển có sẵn?

tôi có vấn đề nếu tôi quên xóa kết xuất gỡ lỗi như console.log('sthg') tôi gặp lỗi trong một số trình duyệt, nếu không có firebug hoặc tương tự, đang hoạt động.

nhờ sự giúp đỡ

bên cạnh vấn đề mà tôi quan tâm đến tất cả các thông tin về các đối tượng giao diện điều khiển. có ai đó liên kết tài liệu nào đó không? nó là một tiêu chuẩn? và vân vân ...

Answer 1

Kiểm tra tài sản tồn tại như một thành viên của window:

if (window.console) { 
} 

bên cạnh vấn đề mà tôi quan tâm đến tất cả các thông tin về các đối tượng giao diện điều khiển. có ai đó liên kết tài liệu nào đó không? nó là một tiêu chuẩn? và cứ thế ...

Kiểm tra Firebug documentation for the Console API; Chrome và Safari thực hiện hầu hết, nhưng không phải tất cả, trong số các phương pháp được liệt kê ở đó. Không có tiêu chuẩn xác định những gì nên có trong giao diện điều khiển, vì vậy bạn sẽ cần phải kiểm tra từng trình duyệt để xem nó có hỗ trợ tính năng này hay không.

Answer 2

lẽ ...

if (console) { 
    // do stuff 
} 

Answer 3

Defined bởi firebug, IE8 (cần phải mở các công cụ nhà phát triển với F12), Chrome, vv nhưng không có đặc tả định nghĩa cho nó. Có một console.log wrapper mà làm cho nó rất dễ sử dụng, giải pháp ghi nhật ký trình duyệt chéo vì vậy nếu bàn điều khiển không tồn tại mã của bạn không phát nổ.

Answer 4

Một cách tốt đẹp đơn giản và ngắn xuất ra để giao diện điều khiển một cách an toàn như sau:

window.console && console.log('Debug message'); 

Answer 5

tôi luôn luôn bao gồm này trong đầu của tôi HTML-header trước khi tôi tải bất cứ điều gì khác. Gỡ lỗi với console.debug chỉ là quá dài đối với tôi. Và tôi muốn chuyển đổi việc sử dụng các chức năng của bàn điều khiển này.

Không biết cách tối ưu hóa mã, nhưng nó luôn hoạt động.

(function() { 
    var consoleDisabled = false; 
    if (consoleDisabled) { 
     window.console = undefined; 
    } 
    if (window.console == undefined) { 
     window.console = { 
      debug: function() { 
       return true; 
      }, 
      info: function() { 
       return false; 
      }, 
      warn: function() { 
       return false; 
      }, 
      log: function() { 
       return false; 
      } 
     } 
    } 
    debug = (function(args) { 
     window.console.debug(args); 
    }); 
    info = (function(args) { 
     window.console.info(args); 
    }); 
    warn = (function(args) { 
     window.console.warn(args); 
    }); 
    log = (function(args) { 
     window.console.log(args); 
    }); 
})(); 
debug(somevar); 
info(somevar); 
warn(somevar); 
log(somevar); 

Answer 6

try{ 
console.log("test") 
} 
catch(e){ 
console={}, 
console.log=function(a){} 
} 

chỉ cần đặt nó ở phía trên cùng của tập tin JS của bạn và sau đó sử dụng console.log(); mà không lo lắng về lỗi trình duyệt, tôi cũng đã gặp lỗi này trong IE9

Answer 7

đây là những gì tôi sử dụng. lưu ý rằng tôi chỉ hỗ trợ các trình duyệt hỗ trợ nửa vời mà không hỗ trợ giao diện điều khiển. và tôi chỉ bao giờ sử dụng console.log(), nhưng bạn có thể xem làm thế nào nó có thể được mở rộng để hỗ trợ console.dir(), console.info(), vv

var console = console || { 
    "log": function(stuff) {} 
}; 

Tôi thích nó vì gọi nó không gây ra lỗi, nhưng nó trả về [không xác định], mà tôi nghĩ là thích hợp.

Lưu ý rằng nhiều nhiều người trước đó (và sau) chúng tôi đã viết polyfills tương tự:

https://gist.github.com/search?q=console+%7C%7C+console

Answer 8

Cách đơn giản nhất sẽ là:

if (window.console){ 
    console.log('do something'); 
} 

thay vì chỉ viết:

console.log('do something');