iT邦幫忙

0

請問是否有工具能將網頁轉成一個精簡版的html檔案

請問是否有工具能將網頁轉成一個精簡版的html檔案
像是下面原本專案
結構

web
    css
        mystyle.css
        boostrap.css
    js
        jquery.js
        xxx.js
    index.html

mystyle.css

h1{
    width:100px;
    height:200px;
}
h2{
    width:100px;
    height:200px;
}
h3{
    width:100px;
    height:200px;
}

index.html

<!doctype html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="css/mystyle.css">
    <link rel="stylesheet" href="css/bootstrap.css">
  </head>
  <body>
    <h1>Hello, world!</h1>

    <script src="jquery.js"></script>
    <script src="xxx.js"></script>
  </body>
</html>

其中可能很大一部分的css都沒有用到,也不需要用到js
請問是否有工具能將目前的網頁轉成一個靜態html檔案,移除css跟js
像是把上面專案轉成

<!doctype html>
<html lang="en">
  <body>
    <h1 style='width:100px;height:200px;'>Hello, world!</h1>
  </body>
</html>
看更多先前的討論...收起先前的討論...
dragonH iT邦超人 5 級 ‧ 2020-08-22 18:01:17 檢舉
>其中可能很大一部分的css都沒有用到,也不需要用到js

沒有用到

好奇為啥要 import
大神您好,這是舉例,實際有可能是引用部分js function
sdv iT邦新手 1 級 ‧ 2020-08-22 22:23:00 檢舉
1.打開 Chrome Browser
2.右上方點選 自訂及管理
3.選擇 " 更多工具"
4.選擇 "另存網頁為.."
5.存檔類型, 選擇 "僅限網頁的 HTML 部份"
6.按下 "存檔"

希望對您有幫助。
您好 , sdv 大神 , 感謝給的思考方向 , 發現 mhtml 是我想要的效果 , 只是需要想辦法轉回html
請問能底下留言嗎 , 想標記為最佳解答
mayyola iT邦研究生 2 級 ‧ 2020-08-23 09:51:30 檢舉
如果把原本的網頁用瀏覽器打開,複製文字部份,貼在word檔,再用word轉存html檔,這樣應該是純html,參考看看
mayyola iT邦研究生 2 級 ‧ 2020-08-23 09:51:31 檢舉
如果把原本的網頁用瀏覽器打開,複製文字部份,貼在word檔,再用word轉存html檔,這樣應該是純html,參考看看
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

2
小魚
iT邦大師 1 級 ‧ 2020-08-22 23:36:41
最佳解答

要html可以利用Chrome,
要精簡的恐怕沒辦法,
學這個還是要循序漸進把底子打好比較實在.

我要發表回答

立即登入回答