Web编程技术营地
研究、演示、创新

运行

撰写时间:2024-03-04

修订时间:2025-12-09

选择运行特定网页

在工具图标栏中,有一个Run的图标,最左边有一个下拉列表框。默认情况下,只有一个名为<default>选项。

点击Customize...,弹出Project Properties窗口,并自动定位于左边的Run Configuration项。点击右边的New...按钮,弹出Create New Configuration窗口,为新建的配置起一个名称后,按OK按钮,返回Project Properties窗口。修改Index File:一栏,让其指向不同的文件,单击OK按钮。

现在,从Run图标的下拉列表框中选择刚刚创建的配置选项,再按运行图标,则可切换至运行所指定的文件。

Run Configuration

为几个最常用的几个文件依此配置,则可立即切换运行这些文件,很方便。

在开发过程中使用Safari

在MacOSX中,点击NetBeans的Run图标,由其启动Safari浏览器时,Safari有一个很好的特点,即每次运行,对于每个不同的地址,都只会在当前的标签页中打开特定网址。在开发过程中这个优点非常重要、非常方便。

反观Chrome及Firefox等浏览器,每次运行都会打开新的标签页,我们还得手工去关闭之前打开的标签页,很麻烦。

Safari默认情况下使用缓存,意味着如果修改了网页中外部链接的JavaScript文件、CSS文件,当这些外部链接的文件修改时,不会立即反映出来。此时可打开网页检查器,在其网络标签下勾选停用缓存,则每次运行网页时,如果网页检查器处于打开状态,都会立即读取这些外部资源。关闭检查器,则无论是否停用缓存,都会使用缓存。

运行至网页中的锚点

3种方法。

第一种方法,可在上面的Arguments:一栏中,指定诸如#sect-5这样的锚点。然后,点击NetBeans的Run图标,便可自动定位到特定网页中的指定锚点上。其不便利之处在于在调试阶段,总需不断地打开Project Properties窗口以修改锚点。

第二种方法,可调用右边栏链接的dispatchEvent(new MouseEvent('click'))方法。但在网页的动态行为较多、较复杂时,如何确保相应方法被正确地依序调用,时机不好把握。

第三种方法,在网页编写以下代码:

<script type="module"> if (window.location.host === 'localhost') { let sectView = document.querySelector('section#sect-5'); sectView.style.scrollMarginTop = '120px'; sectView.scrollIntoView({ behavior: "instant", block: "start" }); } </script>

这样,既可很方便地选择每次运行的锚点,又可灵活地设置滚入视图的上边距。

推荐使用第三种方法。

参考资源

  1. NetBeans.org