其中一种构造是buildwith。您搜索地址或域名,哪个程序创建的。它公开了网站的平台和数据,例如服务器、SSL 证书和 cookie。类似的还有WhatCMS。
搜索 Amazon.com 时使用网站平台扫描仪结果构建
其他有用的提示
您是一位正在寻找新联系人的年轻企业家吗?
用于生成潜在客户的在线工具(例如Wappalyzer)有助于为您提 比利时手机号码列表 供市场的整体视图。用它来了解有关您的竞争对手的更多信息。
Wappalbuildwithyzer 作为浏览器扩展将告诉您网站使用哪些技术。虽然它不会立即公开网站提供商,但它仍然会让您了解您可能正在寻找的网站上的小部件和其他应用程序。
此时,很高兴知道所有 HTML 代码形式的小部件都可以轻松集成到 Webnodes 站点中。
幕后点击一下
任何在浏览器中打开站点的人都可以看到该站点的源代码或 HTML 脚本。该界面 描述了浏览者在网站上看到的内容。它是在代码中定义的,并包含元素的样式和布局,例如文本和图像。
在 Firefox 或 Chrome 浏览器中,您可以通过右键单击打开页面上的任意位置并选 中文名录 择“检查”来查看代码。或者,PC 的快捷方式:CTRL+Shift+I或Mac 的CMD+Shift+I将让您返回源。
在浏览器的开发人员工具窗口中显示站点源代码的示例
根据浏览器的不同,这些选项卡具有不同的名称。对其内容的一些暗示,例如 cookie。来源选项卡将显示网站的来源。
现在这有点像扮演一名调查员在犯罪现场追踪指纹。来源不等于来源。不同浏览器的情况是不同的。
以下部分将向您展示三种示例浏览器:Google Chrome、Safari 和 Mozilla Firefox。
谷歌浏览器
在 Chrome 中打开您喜爱的网站后,右键单击选择“检查”。转到“源”选项卡,并将眼睛保持在左侧,保持页面菜单打开。打开最上面的文件夹,里面有落云。
Google Chrome 上的示例源
您会发现该网站提供商通常位列前五名。根据系统的不同,供应商在特定的文件夹选项卡中可见。这是由 WordPress 创建的网站的情况。 ”或者您将看到原始域,它始终是提供商的子域。
苹果浏览器
与 Chrome 类似,使用CMD + Shift + I快捷键打开源代码,或单击浏览器栏顶部菜单中的“开发”选项卡。转到源选项卡并搜索名称“ generator ”。
Safari 浏览器的“开发”选项卡中显示的来源
在这里,站点生成系统通常会提到提供商。对于 Webnode,您将找到Webnode 2。这涉及到不断发展的新 Webnodes 站点构建器。
火狐浏览器
与其他浏览器相比,在 Firefox 中查找源代码可能需要更多的福尔摩斯精神。
您可以通过单击“检查元素”以与 Chrome 浏览器相同的方式访问源代码。
火狐浏览器中的来源
Firefox 的“源代码”选项卡隐藏在“调试器”和“样式编辑器”选项卡下。因此,您有两种选择来查找有关站点提供商的信息。
您可以尝试使用样式编辑器选项卡来查找特定定义的站点样式代码或来自供应商的其他许可内容。Webnode就是这种情况。您将在Author下检测到该网站的平台。
更常见的是,调试器选项卡将公开提供程序。在与Chrome类似的结构下,你会在主线程文件夹下的左侧找到一个下拉菜单。这里,网站建设者的名字可以以缩写a开头。或资产。或水库。例如,WordPress,其中文件夹以“wp-”开头。它并不总是那么清晰,但是你训练你的眼睛越多,它就会变得越容易。
利用新学到的技能来发挥自己的优势。代码中的象形文字告诉你很多有用的东西。
我怎样才能充分利用它?
了解网站是用哪个程序制作的:
- 满足你的好奇心
- 选择最适合您需求的网站构建器
- 提供有关可用小部件及其集成的信息
- 允许您比较不同的样式和布局
- 提供功能信息
- 它可以激发您的编码灵感
在幕后单击即可显示许多站点界面及其来源。像您一样好奇的人可能还想知道:
网站可以通过复制代码来复制或复制吗?
您无法通过复制和粘贴 HTML 代码来复制网站。为了使网站正常运行,您需要构建网站的后端。
也就是说,这部分代码从未发布。
披露此类内容合法吗?
光有接口是没有用的。因此,展示出来并没有什么坏处。如果您是一位富有创意的业余编码员,这些代码示例可能会给您一些想法。作为一个富有创造力的人,您会在没有复制手段的情况下寻求灵感。
它还有什么好处呢?
如果您想了解有关某些元素和小部件的更多信息,开发人员工具中提到的选项卡非常有用。在选项卡的左侧,您可以通过指针选择打开页面的任何元素(文本、图像、块、背景)以显示详细的 HTML 代码。在这里您可以了解有关所使用的特定颜色或字体类型的更多信息。
如果“元素”选项卡打开,它会显示页面上每个元素的单独代码,无论是图像、文本还是标题。
Cookie 选项卡告诉您您的网站上使用了哪些 Cookie。
例如,“安全”选项卡显示站点当前使用的 SSL 证书的类型和有效性。
如果您拥有一个网站,则可以使用开发人员工具来发现您的网站在正常视图中隐藏的设计和样式细节。