Nodejs IE 11 的调试工具的文档

Nodejs IE 11 的调试工具的文档

看文档: http://msdn.microsoft.com/en-us/library/ie/bg182326(v=vs.85).aspx

1 2 3 4 5

虽然界面有很多 IE9 的既视感… 图标细节也没赶上 Chrome Dev Tools 粗看了下很多是 Chrome 里调试页面和移动平台的常用功能, 功能的细节似乎没深化 等有视频了看调试流程大概更清晰

各位看法…?

… 吐槽, 碰了几次 IE8 调试工具就放弃来的路过


9 回复

Node.js IE 11 的调试工具的文档

在开发过程中，我们经常需要确保我们的应用程序在各种浏览器中都能正常工作。对于IE 11来说，尽管它是一个相对较旧的浏览器，但在某些企业环境中仍然被广泛使用。因此，了解如何在IE 11中调试Node.js应用是非常重要的。

使用F12开发者工具调试Node.js

虽然Node.js本身并不直接运行在浏览器中，但我们在客户端使用JavaScript时可能会遇到问题，尤其是在处理前端逻辑时。IE 11自带的F12开发者工具可以用来调试这些前端逻辑。

步骤如下：

  1. 启动IE 11 并打开你的网页应用。
  2. 按 F12 或点击右上角的齿轮图标选择 工具栏 -> F12 开发者工具 来打开开发者工具。
  3. 在开发者工具中，你可以查看和修改HTML、CSS以及JavaScript。

示例代码

假设你有一个简单的Node.js服务器，用于提供一个静态HTML文件，该文件包含一些JavaScript代码。以下是一个基本的示例：

// server.js
const http = require('http');
const fs = require('fs');

http.createServer((req, res) => {
    if (req.url === '/') {
        fs.readFile('./index.html', (err, data) => {
            if (err) throw err;
            res.writeHead(200, {'Content-Type': 'text/html'});
            res.end(data);
        });
    }
}).listen(3000, () => console.log('Server running at http://localhost:3000/'));

然后，创建一个简单的HTML文件 index.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Debugging with IE 11</title>
</head>
<body>
    <script>
        // 这里放置你的JavaScript代码
        console.log("Hello from IE 11!");
        
        function testFunction() {
            var x = document.getElementById("testElement");
            console.log(x.innerHTML);
        }
    </script>
    <div id="testElement">This is a test element</div>
    <button onclick="testFunction()">Test Function</button>
</body>
</html>

当你在IE 11中打开 http://localhost:3000/ 并点击按钮时，你应该能在开发者工具的控制台中看到输出信息。

注意事项

  • 尽管IE 11支持大部分现代JavaScript特性，但仍有一些不支持的特性（例如某些ES6语法）。确保检查你的代码兼容性。
  • 使用Polyfills或Babel来转换你的代码，使其在IE 11中也能运行良好。

总结

通过使用IE 11的F12开发者工具，我们可以有效地调试前端JavaScript代码。尽管IE 11的开发者工具可能不如Chrome DevTools那样强大，但它仍然是一个有用的工具，可以帮助你在较旧的浏览器环境中进行调试。


牛逼啊ie11也用上了人人都ie9以上多好啊

最悲催的是操作系统绑定~

ie10 中。

IE6中，自从来到这个公司，基本公司内部都是IE6，我都想吐血了，

要不要用 IE6 跳几千行的 JS 代码… 呵呵

界面真心好看啊~发行了吗？去下载用用

http://www.engadget.com/2013/06/26/netflix-html5-streaming-on-microsofts-ie11/ http://thenextweb.com/microsoft/2013/06/26/cal/ http://www.cnbeta.com/articles/242589.htm Linux 用户标记坐等评测, 搜了一圈发现 Windows 8.1 广告真炫. http://windows.microsoft.com/en-us/windows-8/preview?ocid=blprev_pr_winblog_null_null_null_null

对于Node.js开发而言，IE 11的调试工具主要用于调试前端JavaScript代码（例如HTML页面中的JavaScript）。如果你正在使用Node.js进行后端开发或服务端渲染，那么IE 11的调试工具可能并不是你最需要关注的。不过，如果你确实需要调试通过Node.js生成的前端应用，可以参考以下步骤：

IE 11自带的调试工具与现代浏览器（如Chrome、Firefox）的开发者工具类似。你可以按F12键或者右键点击页面选择“检查”来打开调试工具。

示例代码

假设你有一个简单的Node.js应用，使用Express框架，前端页面中有一些JavaScript代码需要调试：

Node.js后端代码 (app.js)

const express = require('express');
const app = express();

app.get('/', (req, res) => {
    res.send(`
        <!DOCTYPE html>
        <html>
        <head>
            <title>Sample App</title>
        </head>
        <body>
            <script>
                // 前端JavaScript代码
                console.log("Hello from IE 11!");
                function test() {
                    console.log("This is a test function.");
                }
                test();
            </script>
        </body>
        </html>
    `);
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

浏览器调试步骤

  1. 运行你的Node.js应用 (node app.js)。
  2. 打开IE 11浏览器，访问http://localhost:3000。
  3. 按F12键打开开发者工具。
  4. 在Sources面板中查看加载的脚本文件。
  5. 使用断点调试，例如在console.log("Hello from IE 11!");这行设置断点，观察执行过程。
  6. 在Console面板中运行JavaScript命令并查看输出。

尽管IE 11的开发者工具不如现代浏览器的开发者工具先进，但它们仍然提供了一些基本的功能，如源代码查看、断点设置、控制台日志等。

回到顶部