Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
是否可以将包含大量javascript的动态HTML页面转换为不包含javascript的页面?_Javascript_Html - Fatal编程技术网

是否可以将包含大量javascript的动态HTML页面转换为不包含javascript的页面?

是否可以将包含大量javascript的动态HTML页面转换为不包含javascript的页面?,javascript,html,Javascript,Html,我有一个包含大量javascript的页面。但是,页面一旦呈现,就会保持静态,没有移动的东西或特殊效果等。。。应该可以只使用普通的HTML和CSS来呈现相同的HTML,而不使用任何javascript。这正是我想要的——我希望得到特定页面的无javascript版本。当然,我不期望有任何动态行为,因此,例如,如果按钮失效,我也可以。我只想把它们渲染一下 现在,我不想要图像。它需要是一个带有CSS的HTML,可以嵌入HTML,这也很好 我怎么做 编辑 对不起,我一定不清楚。我的网站使用javasc

我有一个包含大量javascript的页面。但是,页面一旦呈现,就会保持静态,没有移动的东西或特殊效果等。。。应该可以只使用普通的HTML和CSS来呈现相同的HTML,而不使用任何javascript。这正是我想要的——我希望得到特定页面的无javascript版本。当然,我不期望有任何动态行为,因此,例如,如果按钮失效,我也可以。我只想把它们渲染一下

现在,我不想要图像。它需要是一个带有CSS的HTML,可以嵌入HTML,这也很好

我怎么做

编辑

对不起,我一定不清楚。我的网站使用javascript,没有它就无法工作。我不想检查它是否在没有的情况下工作,我知道它不会,我真的不在乎它。这不是我要问的。我问的是一个特定的页面,我想抓住它作为纯HTML+CSS。它的动态性丧失这一事实并不重要

EDIT2

有一个建议是从DOM检查器对HTML进行编程。这是我做的第一件事——在Chrome开发中,UTIL将根HTML元素复制为HTML并保存到文件中。当然,这不起作用,因为它继续引用web上的CSS文件。我想我应该提到我希望它从文件系统工作。

下一步是使用某种“保存”菜单(取决于浏览器)将页面保存为包含所有环境的完整页面。它保存页面和所有相关文件,形成一个可以从文件系统打开的闭包。但是html必须手动清除所有javascript,这既繁琐又容易出错

EDIT3


我似乎总是忘记事情。当然,应该保留图像。

我必须半定期地执行类似的任务。到目前为止,我还没有找到一种自动化的方法,但以下是我的工作流程:

  • 在Google Chrome中打开页面(我想FireFox也有相关的工具)
  • “将页面另存为”(完整页面),将html页面重命名为更好的页面,删除下载的
    .js
    脚本,将所有内容移动到单个文件夹中
  • 在原始页面上,打开Elements选项卡(DOM inspector),查找并删除我知道会导致问题的任何标记(例如Facebook的“like”按钮)(我也尝试在这个阶段删除
    脚本
    标记,因为这更容易),并复制为HTML(右键单击
    标记。将其粘贴到(替换)下载的HTML文件中(记住保存不会被复制的
    DOCTYPE
  • 在所有HTML文件中搜索任何剩余的
    script
    部分并删除(同时删除任何
    noscript
    内容),并在
    上搜索
    (在开始处有一个空格,但StackOverflow不会呈现它),以删除处理程序(
    onload
    onclick
    ,等等)
  • 搜索图像(
    src=
    url(
    ),查找图像文件名中的常见模式,并使用正则表达式全局替换它们。因此,例如
    src=“/images/myimage.png”
    =>
    /images/|
    。这需要应用于所有HTML和CSS文件。还要确保CSS文件具有正确的路径(
    href
    )执行此操作时,我通常将所有
    href
    (链接)替换为
    #
  • 最后,在浏览器中打开转换后的页面(实际上我倾向于在早期这样做,以便查看我所做的任何更改是否会导致页面中断),使用Console选项卡检查404错误(未下载或名称不同的图像)和Network选项卡检查在线版本是否仍在加载任何内容
  • 对于未下载的任何文件,我返回原始页面,使用“资源”选项卡查找并手动下载
  • (可选)剔除任何不需要的内容(跟踪器图像/iFrame、未使用的CSS等)

  • 这是一项艰巨的工作。我很想有一个自动化所有这些的工具,但到目前为止我还没有找到。我下载的页面制作得很糟糕(商店)有很多不寻常的代码,这就是为什么有这么多步骤。你可能不需要遵循每个步骤。

    只需在Chrome或FireFox中打开它,转到DOM inspector,并复制为HTML。然后删除代码中的所有脚本。很简单。@dave-我正好有这个问题。不了解否决的原因,我猜我的问题是s暗示太琐碎…而且你可能会因为离题而被否决。这不完全是编程。我想你可以问如何编写脚本来自动化它(但这可能会因为没有显示足够的研究/主动性而被否决)您所描述的内容听起来很像程序员的话题。我几乎不相信您会手动完成所有这些工作。@Dave-请为我的问题添加一个答案,我相信您,直到有更好的答案出现。另请参阅我尝试问这个问题: