1

前几天我在 Chrome 中注意到了一些东西——我打开了开发者工具，然后点击查看源代码，最初惊讶地发现开发者工具窗口显然是用 HTML 和 JavaScript 编码的——你可以通过将以下内容放入 Chrome 中看到地址栏：

view-source:chrome://devtools/devtools.html

有两件事让我印象深刻——首先，代码版权属于 Apple（考虑到他们对 WebKit 的支持，这并不奇怪），其次，您似乎无法通过单击中的链接直接通过 Chrome 访问 JavaScript、CSS 或图像文件源代码。

所以两个问题：

DevTools 资产存储在我的计算机上的什么位置，或者我如何才能访问它们？或者更好的是，有人可以识别使用的库并让我知道它的许可方式吗？我一直在寻找一个实施良好的 UI 工具包——而 Devtools 看起来很棒。

4

2 回答 2

2

如果您只想查看文件的内容，请使用以下 uri

chrome-devtools://devtools/DevTools.js
chrome-devtools://devtools/devTools.css
于 2011-10-25T20:41:13.323 回答
1

在 Mac 上，Web Inspector 位于：/System/Library/Frameworks/WebKit.framework/Versions/A/Frameworks/WebCore.framework/Resources/inspector/

检查器是完全自包含的代码，没有使用外部库。当您知道您的代码只会在一个网络浏览器中运行时……</p>

WebKit 的许可证通常是 LGPL 和 BSD，但是 Web Inspector 文件都有不同的版权所有者（Apple、Google、Nokia 等）和以下许可证：

如果满足以下条件，则允许以源代码和二进制形式重新分发和使用，无论是否经过修改：

  1. 源代码的再分发必须保留上述版权声明、此条件列表和以下免责声明。
  2. 以二进制形式重新分发必须在随分发提供的文档和/或其他材料中复制上述版权声明、此条件列表和以下免责声明。

  3. 未经事先明确书面许可，不得使用 Apple Computer, Inc.（“Apple”）的名称或其贡献者的名称来认可或推广源自本软件的产品。

    本软件按“原样”提供，不提供任何明示或默示的保证，包括但不限于对适销性和特定用途适用性的默示保证。在任何情况下，Apple 或其贡献者均不对任何直接、间接、偶然、特殊、惩戒性或后果性损害（包括但不限于采购替代商品或服务；使用、数据或利润损失；或业务中断），无论是由何种责任理论引起的，无论是合同、严格责任或侵权（包括疏忽或其他）以任何方式使用本软件引起的，即使已被告知存在此类损害的可能性。

由于它是开源的，您可以扩展并为项目做出贡献，请参阅http://webkit.org

于 2010-04-04T18:34:49.857 回答