Hướng dẫn save webpage as single html file - lưu trang web dưới dạng tệp html duy nhất

Nhưng cái quái gì vậy! Tôi đã làm việc trên một công cụ tải xuống/tái tạo HTML tương tự và lỗi này thực sự làm phiền tôi. Tôi có thể thích tiêu chuẩn đọc HTML được cập nhật để chấp nhận bên trong hoặc cũng không thể thực hiện được thông qua JS.

Tôi nghĩ rằng vấn đề này có thể bị phá vỡ bằng cách thao túng trang [thay thế hình ảnh, khung, CSS, v.v.] trong chính tab [SingleFile thực hiện nó trong nền với một thể hiện Domparser]. Bí quyết là tránh phân tích cú pháp HTML.

Có thể bởi vì các tệp JS [cụ thể là các tiện ích bổ sung] chạy từ hệ thống tập tin cục bộ được trao các đặc quyền leo thang so với việc sử dụng bình thường, có lẽ để dễ phát triển. Mặc dù vậy, tôi chỉ suy đoán.

Tôi nghĩ rằng đó là một hạn chế đối với tất cả các phần mở rộng được áp dụng bởi Chrome/Firefox. Tôi đoán là dừng các tiện ích mở rộng khiến bạn buộc cài đặt nhiều tiện ích mở rộng hơn hoặc một cái gì đó ...

[Cũng là những gì mà lên Andrew! YC S09 đại diện cho: WAVE_EMOJI :]

Điều này chỉ đơn giản là loại bỏ JavaScript hoặc làm điều gì đó thông minh hơn? Bởi vì tôi nghĩ trong thời đại của spa, cách thích hợp để lưu "các trang nội dung" có thể là thực hiện JavaScript một lần và tuần tự hóa DOM kết quả trở lại HTML. Tôi đã không tìm thấy bất cứ điều gì trong Câu hỏi thường gặp giải thích nếu nó làm điều đó như thế.

Nó lưu những gì bạn thấy [và loại bỏ JS theo mặc định]. Có một tùy chọn để nhúng JS và một tùy chọn khác để lưu trang "RAW" nhưng tôi sẽ không nói nó đáng tin cậy. Sự thông minh nằm nhiều hơn trong khả năng sản xuất các trang ánh sáng.

Tôi cũng yêu Monolith, đặc biệt là vì nó rất dễ sửa đổi. Chỉ có 2300 Sloc!

Chắc chắn, nó sử dụng các thư viện để thực hiện việc nâng vật nặng, nhưng đây đều là những thư viện phổ biến, được thử nghiệm tốt với các bộ tính năng được bảo hiểm tốt [html5ever để phân tích cú pháp HTML, URL cho URL phân tích cú pháp, v.v.].

Nếu bạn đang tìm kiếm một công cụ như thế này nhưng nghĩ rằng bạn có thể cần phải điều chỉnh nó, bạn nên thử Monolith.

Làm thế nào để chuyển đổi chế độ/khả năng đọc của đầu đọc? Nó dường như không thể lưu các trang khi tôi bật chế độ đọc của Chromium.

Tôi đã làm theo lời khuyên khác về chủ đề này. Trong các tùy chọn:

- Trình chỉnh sửa chú thích> Chế độ mặc định> Định dạng trang

- Trình chỉnh sửa chú thích> Chú thích trang trước khi lưu

Nó tự động định dạng trang vào chế độ Reader sau đó tôi có thể nhấp vào biểu tượng "Lưu trang" để lưu nó. Nhưng đôi khi tôi muốn tải xuống trang như vậy. Thích chủ đề này chẳng hạn. Nút "Khôi phục tất cả các phần tử bị loại bỏ" dường như không hoạt động để hoàn nguyên các thay đổi.

Bây giờ tôi chỉ cần đặt mặc định làm chế độ là bình thường và bật "Chú thích trang trước khi lưu", sau đó nhấp vào "Định dạng trang để đọc tốt hơn" khi cần.

Bạn cũng có thể tạo 2 cấu hình riêng biệt trong trang tùy chọn. Một hồ sơ sẽ mở trình chỉnh sửa chú thích và tên kia sẽ không. Sau đó, bạn sẽ phải lưu các trang với hồ sơ thích hợp. Để khôi phục trang, bạn nên nhấp vào biểu tượng "Trang định dạng".

Cảm ơn bạn. Tôi sẽ thử nhiều hồ sơ. Như đã đề cập bởi một số ý kiến. Đó là một công cụ tốt để quản lý dấu trang. ArchiveBox được cho là làm một cái gì đó tương tự nhưng tôi không thể làm cho nó hoạt động.

Cảm ơn bạn đã phản hồi! Về việc quản lý đánh dấu, nó chắc chắn có thể tốt hơn. Tôi sẽ phải tìm một thời gian để mã hóa một tiện ích mở rộng Trình quản lý đánh dấu dựa trên đơn lẻ có thể.

Cảm ơn bạn cho phần mở rộng. Nó hoạt động đủ tốt cho dấu trang của tôi. Chỉ cần mở dấu trang trên trình duyệt của tôi và sử dụng tính năng "Lưu tất cả các tab".

Tôi nghĩ rằng tôi không phải là người duy nhất muốn thay thế cho túi. Một người quản lý đánh dấu có thể lưu trữ các liên kết để ngăn Linkrot.

Phần ấn tượng nhất của bản demo là xem thư mục tải xuống của anh ấy gọn gàng như thế nào!

Tôi đang xây dựng một công cụ cho mọi người có một kho lưu trữ cá nhân cho cuộc sống kỹ thuật số của họ để 30 năm nữa họ có thể xem lại nội dung mà họ thích trong những năm còn trẻ.

//github.com/sergiotapia/ekeko

Điều này thật tuyệt! Tôi rất thích tích hợp điều này bằng cách nào đó vào dự án của mình để đánh dấu "đơn lẻ" khi mọi người tạo ra chúng.

@Gildas Bạn có bất kỳ đề xuất nào về cách tiếp cận điều này với phần mở rộng của bạn không? Tôi có thể chạy một chrome không đầu và kích hoạt phần mở rộng này không?

Thích cái này. Sử dụng nó mọi lúc. Tiện dụng để tiết kiệm các trang khổng lồ với tất cả các kiểu dáng còn nguyên vẹn để đọc ngoại tuyến [như trên máy bay]. Bạn có thể lưu một trang web dưới dạng PDF, nhưng tôi thích điều này hơn PDF.

Ngay cả sau khi đọc lời khen ở đây, tôi đã chuẩn bị cho phần mở rộng này tốt và hữu ích như thế nào. Nó là một giải pháp hoàn hảo để lưu các bản sao địa phương của các trang web. Tôi làm điều này thường xuyên, và tôi ngạc nhiên khi tôi không biết về điều này cho đến ngày hôm nay. Ngay cả cách nó xử lý cài đặt cho tiện ích mở rộng là tuyệt vời, với tài liệu tốt, tích hợp. Khả năng thêm các chú thích là đóng băng và vì chúng trở thành một phần của HTML không có định dạng tệp khóa hoặc đặc biệt cần thiết.

Điều này tốt cho những người không có quyền truy cập internet liên tục, những người cần tham chiếu tài nguyên web ngoại tuyến.

Công nghệ tiết kiệm trang web dường như không theo kịp sự phát triển của web.

Hình ảnh được tải bởi CSS hoàn toàn không được lưu. JavaScript trên trang thường sẽ chiếm quyền điều khiển một trang đã lưu và không để nó hiển thị tất cả.

Một tùy chọn hoạt động khá tốt và không yêu cầu cài đặt tiện ích mở rộng trình duyệt là lưu trang dưới dạng tệp PDF.

Tôi ước các nhà phát triển trình duyệt sẽ nỗ lực nhiều hơn trong lĩnh vực này.

Đây là những gì tôi 10 tuổi nghĩ rằng "tiết kiệm như" trong IE sẽ làm, nhưng sớm nhận ra thực tế khắc nghiệt của "đó không phải là cách nào trong số này hoạt động".

Nó có tùy chọn để tự động lưu mọi trang bạn điều hướng không? Có một số phần mở rộng trở lại vào những năm 2000 ["khẩu hiệu" tôi nghĩ là một, "kệ" hoặc một cái gì đó tương tự là một cái khác] nhưng tôi không nghĩ chúng làm việc nữa. Những trang tôi nghĩ để tiết kiệm bây giờ không bao giờ là những trang tôi muốn nhìn vào 5 năm.

Nếu bạn giữ JavaScript, bạn cũng có được định dạng ứng dụng di động [máy tính để bàn] nhất thế giới ...

Mở repo khiến bạn tải xuống GIF 17MB. Tôi hy vọng bạn không có kết nối di động đắt tiền.

P.S. Bản demo rất hay

Tại sao điều này cần phải:

- Đọc và thay đổi tất cả dữ liệu của bạn trên tất cả các trang web

- Sửa đổi dữ liệu bạn sao chép và dán

- Quản lý tải xuống của bạn

Có cách nào để sử dụng một phiên bản đòi hỏi ít quyền này không? ví dụ. Có vẻ như chúng ta có thể giải quyết quyền cho phép đầu tiên bằng cách chỉ kích hoạt nó trên nhấp chuột, nhưng tôi không chắc liệu điều đó có giải quyết các vấn đề khác không.

Tôi cố gắng sử dụng các quyền tùy chọn nhiều nhất có thể. Sự cho phép đầu tiên được yêu cầu vì tài sản và khung được lưu trữ trên các máy chủ của bên thứ ba. Sự cho phép thứ hai phải là tùy chọn, tôi không nhớ tại sao nó không. Tôi sẽ cố gắng xem liệu tôi có thể làm cho nó tùy chọn không. Quyền cuối cùng được yêu cầu để lưu trang trên hệ thống tập tin với API "Tải xuống". Lưu ý rằng ngay cả khi tôi thực hiện các quyền này tùy chọn, dù sao bạn vẫn có thể phải tin tưởng tôi;]

Vào thời xa xưa, Internet Explorer được sử dụng để cho phép bạn thực hiện việc này bằng cách lưu trang vào tệp HTM. Nó sẽ là một kho lưu trữ duy nhất với HTML và hình ảnh, vv được nhúng.

Các trình duyệt mới dường như không làm điều này, tạo một thư mục riêng cho các tài sản, điều này cực kỳ khó chịu.

Dang nó, anh ấy đã đánh bại tôi! Tôi đã chơi đùa với ý tưởng này khá lâu, nhưng việc thực hiện này rất tuyệt, tốt hơn so với tôi, vì vậy tôi rất vui vì anh ấy đã làm điều đó.

Có lẽ tôi sẽ thực hiện một triển khai CLI [giống như wget nhưng với điều này đã được giải quyết ...]

Điều này là tuyệt vời cho một trang. Tôi rất muốn thấy nó được mở rộng để bao gồm toàn bộ trang web.

Chrome có thể lưu vào một tệp duy nhất [.mhtml]. Tôi không chắc tôi hiểu sự khác biệt.

Sự khác biệt là định dạng đầu ra. Tôi đã tạo đơn lẻ trước khi Chrome hỗ trợ các tệp MHTML. Vào thời điểm đó, để lưu các trang web trong một tệp duy nhất, giải pháp kỹ thuật duy nhất trong Chrome là thực hiện một cái gì đó như SingleFile. Ưu điểm của HTML là định dạng này bền hơn nhiều.

Điều đó có ý nghĩa. Tôi cũng đã sử dụng URI dữ liệu để tạo các trang web có thể phân phối.

Vâng, có .mhtml nhưng nó thực thi rõ ràng vì nó không chính xác tiết kiệm mọi thứ. Nó sẽ cố gắng tiết kiệm nhưng nó sẽ không dũng cảm với nó, nó giống như sử dụng MHTML mà không có "đối số lực lượng [-f]".

Công cụ tuyệt vời!

Vì một số lý do, tôi đã mong đợi được xem một trang web nhiều trang hỗ trợ JS vào một spa trong một tệp HTML duy nhất, nhưng tôi không mong đợi thấy hình ảnh được nhúng.

Có lẽ cũng cung cấp một tùy chọn truyền tải đệ quy quá, nhưng đừng thử điều đó trên wikipedia :]

Ngày trước, đây luôn là một điều khiến tôi phải mở ra một cách bừa bãi và đáng xấu hổ để tôi có thể lưu một trang dưới dạng tệp MHT. Vì vậy, từ lâu rồi. Thật tuyệt khi thấy ý tưởng này đã được hồi sinh và không theo cách độc quyền

Tôi yêu độc thân và đã sử dụng nó trong nhiều năm! Có phiên bản nào hoạt động trên các phiên bản trình duyệt di động hiện tại không? Tôi đã bị mắc kẹt với một phiên bản cũ của Firefox trên Android vẫn hỗ trợ cho phần mở rộng.

Cảm ơn vì điều đó. Tôi dự kiến ​​sẽ thấy một liên kết giá ở đâu đó, đã được hòa hợp với tất cả các SaaS đăng ký những ngày này. Rất vui khi thấy có những công cụ cung cấp giá trị to lớn miễn phí.

Trên thực tế, nó ít nhiều tự tài trợ bởi ... hmmm ... một saa mà tôi tiếp thị nhưng nó ở B2B.

Tôi sử dụng SavePageWE, nó có thể lưu trang [thành một tệp] vì nó được sửa đổi bởi JS sau khi tải, thường hữu ích.

Điều duy nhất tôi nhớ tôi ước nó dễ dàng hơn để viết kịch bản.

Tôi đã sử dụng WebScrapBook [một tiện ích bổ sung cho Firefox] trong một thời gian. Tôi thực sự thích nó. Có ai khác một số kinh nghiệm với tiện ích bổ sung này? Tốt hay xấu.

Tôi đã sử dụng nó trong một vài năm [có thể] và tôi thích nó khá nhiều như một cách nhanh chóng và dễ dàng để lưu các trang. ArchiveBox có vẻ tuyệt vời, nhưng tôi không có động lực để thiết lập dịch vụ và duy trì nó vì tôi không lưu đủ các liên kết để làm cho nó đáng giá. SingleFile có thể có giá trị một cú đánh, nhưng có vẻ như WebScrapBook đã xử lý nhu cầu của bạn tốt [dường như chúng có 90% chức năng tương tự].

Thanks!

ArchiveBox thực sự trông tuyệt vời. Trang chủ của họ một mình là đẹp.

Tôi đã đánh dấu cả ArchiveBox và bây giờ cũng là đơn lẻ, nhưng WebScrapBook hoàn thành công việc [trong hầu hết các trường hợp].

Là người dùng WebScrapBook, bạn có biết nếu có đường dẫn di chuyển từ Pocket hoặc một dịch vụ được lưu trữ khác không?

Không biết về tùy chọn di chuyển, nhưng tôi nhớ có rất nhiều cấu hình tùy chỉnh có thể.

Tôi đã sử dụng điều này kể từ khi Martin đăng về nó trên Ghacks. Thích sử dụng nó và cảm ơn Gildas.

Hầu hết thời gian, nó sẽ có thể lặp lại chúng. Ví dụ: nếu bạn lưu trang này //groups.google.com/a/chromium.org/g/chromium-extensio ..., mỗi hình đại diện khác nhau sẽ chỉ được nhúng một lần. Để đạt được điều này, SingleFile lưu trữ nội dung của các hình ảnh trùng lặp trong các thuộc tính tùy chỉnh CSS, hiển thị chúng dưới dạng hình ảnh nền trong các thẻ IMG và sử dụng hình ảnh SVG trong suốt [có kích thước đúng] như SRC. Vì vậy, các kiểu dáng không bị phá vỡ.

Trong thực tế, đơn lẻ thực hiện một số cách để tiết kiệm không gian. Trong thực tế, cơ chế hiệu quả nhất là lắc cây CSS.

Thật đáng kinh ngạc khi CSS là vô dụng trong một trang. Điều này đặc biệt khó chịu đối với đơn lẻ nếu nó chứa hình ảnh ... đó là lý do tại sao SingleFile xóa [gần như] tất cả các quy tắc, bộ chọn và CSS chưa sử dụng bằng cách tính toán tầng CSS.

Iran có thói quen sử dụng các công cụ như thế này để lừa các nhà thầu quốc phòng sử dụng trang của họ.