Существует ли эквивалент для var_dump (PHP) в JavaScript?

Вот продолжение ответа katy lavallee. Я завернул все в самоисполняющемся синтаксисе jQuery, чтобы предотвратить конфликты переменных и запустить скрипт на dom. Я также сделал сценарий неспецифичным для одной ссылки. I.E., теперь любая ссылка на стили с атрибутом url «data-fallback» будет автоматически проанализирована. Вам не нужно жестко кодировать URL-адреса в этом скрипте, как раньше.

http://jsfiddle.net/skibulk/jnfgyrLt/


.

(function($){
    var links = {};

    $( "link[data-fallback]" ).each( function( index, link ) {
        links[link.href] = link;
    });

    $.each( document.styleSheets, function(index, sheet) {
        if(links[sheet.href]) {
            var rules = sheet.rules ? sheet.rules : sheet.cssRules;
            if (rules.length == 0) {
                link = $(links[sheet.href]);
                link.attr( 'href', link.attr("data-fallback") );
            }
        }
    });
})(jQuery);

254
задан eddy147 27 November 2008 в 11:29
поделиться

3 ответа

Как другие сказали, можно использовать Firebug, и это отсортирует Вас никакие заботы на Firefox. Chrome & Safari оба имеет встроенную консоль разработчика, которая имеет почти идентичный интерфейс к консоли Firebug, таким образом, Ваш код должен быть портативным через те браузеры. Для других браузеров, существует Firebug, Облегченный .

, Если Firebug не является опцией для Вас, затем попробуйте этот простой сценарий:

function dump(obj) {
    var out = '';
    for (var i in obj) {
        out += i + ": " + obj[i] + "\n";
    }

    alert(out);

    // or, if you wanted to avoid alerts...

    var pre = document.createElement('pre');
    pre.innerHTML = out;
    document.body.appendChild(pre)
}

я рекомендовал бы против предупреждения каждого отдельного свойства: некоторые объекты имеют МНОГО свойств, и Вы будете там весь день нажатие "OK", "OK", "OK", "O... dammit that was the property I was looking for".

220
ответ дан nickf 4 November 2019 в 12:21
поделиться

При использовании Firebug можно использовать console.log , чтобы произвести объект и получить связанный гиперссылками, доступный для исследования объект в консоли.

6
ответ дан Paul Dixon 4 November 2019 в 12:21
поделиться

При использовании Firefox тогда плагин поджигателя , консоль является отличным способом исследовать объекты

console.debug(myObject);

, Кроме того, можно циклично выполниться через свойства (включая методы) как это:

for (property in object) {
    // do what you want with property, object[property].value
}
108
ответ дан Ken 4 November 2019 в 12:21
поделиться
Другие вопросы по тегам:

Похожие вопросы: