javascript - 如何使用元素检查器在网站上运行我自己的事件处理 Javascript 代码？

Question

我想在网站上运行我自己的事件处理 JavaScript 代码。如:

$(".dropdown li").on('mouseenter mouseleave', function (e) {

    var elm = $('ul:first', this);
    var off = elm .offset();
    var l = off.left;
    var w = elm.width();
    var docH = $(".container").height();
    var docW = $(".container").width();

    var isEntirelyVisible = (l+ w <= docW);

    if ( ! isEntirelyVisible ) {
        $(this).addClass('edge');
    } else {
        $(this).removeClass('edge');
    }
});

有什么方法可以使用 firebug 或元素检查器来做到这一点吗？

Answer 1

您只需在编辑器中编写代码，将其复制到剪贴板并将其粘贴到任何浏览器调试器的调试控制台中。控制台将执行代码，并且它将在该页面中处于事件状态，直到您重新加载页面。