Hướng dẫn how do i export html from chrome? - làm cách nào để xuất html từ chrome?

Để gỡ lỗi ứng dụng nhúng crom của tôi, tôi đang tìm kiếm một chức năng để lấy mã nguồn của trang web từ việc đưa các công cụ của nhà phát triển Chrome. Về cơ bản, tôi muốn cây HTML được hiển thị trong tab 'Phần tử', HTML DOM thực tế, dưới dạng văn bản HTML. Chức năng này có tồn tại không? Làm thế nào tôi có thể sử dụng nó?

Khi tôi sử dụng CEF, tôi chỉ có sẵn các công cụ Chrome Dev chứ không phải trình duyệt đầy đủ. Tôi không thể sử dụng menu ngữ cảnh nhấp chuột phải vì tôi muốn xem DOM được thao tác hiện tại chứ không phải là nguồn gốc.

Tôi muốn sử dụng chức năng này cho mục đích gỡ lỗi để tôi có thể khác nhau hai cây HTML khác nhau.

Đã hỏi ngày 26 tháng 1 năm 2015 lúc 13:54Jan 26, 2015 at 13:54

Hướng dẫn how do i export html from chrome? - làm cách nào để xuất html từ chrome?

Sjoerd222888Sjoerd222888Sjoerd222888

3.0683 Huy hiệu vàng30 Huy hiệu bạc58 Huy hiệu Đồng3 gold badges30 silver badges58 bronze badges

Chọn nút trên cùng và chọn "Sao chép". Mặc dù vậy, bạn sẽ phải thêm lại doctype.

Hướng dẫn how do i export html from chrome? - làm cách nào để xuất html từ chrome?

Ngoài ra, bạn có thể nhấp vào "Chỉnh sửa dưới dạng HTML" và sao chép nó từ đó.

Đã trả lời ngày 26 tháng 1 năm 2015 lúc 14:14Jan 26, 2015 at 14:14

SebbsebbSebb

8616 Huy hiệu bạc16 Huy hiệu Đồng6 silver badges16 bronze badges

1

Cập nhật tiện ích mở rộng đã được phát hành extension has been released! Named Dump Dom
chrome store
github source

Tôi đã tìm thấy một cách tốt hơn để đổ cây DOM hiện tại vào tệp HTML (để tồn tại các thay đổi của bạn đối với cây Dom trong tab element), chỉ cần dán mã bên dưới vào bảng điều khiển và tệp dom.html sẽ được tải xuống.

filename = "dom";
var html = '',
  node = document.firstChild
while (node) {
  switch (node.nodeType) {
    case Node.ELEMENT_NODE:
      html += node.outerHTML
      break
    case Node.TEXT_NODE:
      html += node.nodeValue
      break
    case Node.CDATA_SECTION_NODE:
      html += ''
      break
    case Node.COMMENT_NODE:
      html += ''
      break
    case Node.DOCUMENT_TYPE_NODE:
      // (X)HTML documents are identified by public identifiers
      html +=
        '\n'
      break
  }
  node = node.nextSibling
}


var file = new Blob([html], {
  type: 'text/html'
});
if (window.navigator.msSaveOrOpenBlob) // IE10+
  window.navigator.msSaveOrOpenBlob(file, filename);
else { // Others
  var a = document.createElement("a"),
    url = URL.createObjectURL(file);
  a.href = url;
  a.download = filename;
  document.body.appendChild(a);
  a.click();
  setTimeout(function () {
    document.body.removeChild(a);
    window.URL.revokeObjectURL(url);
  }, 0);
}

Hướng dẫn how do i export html from chrome? - làm cách nào để xuất html từ chrome?
Lấy cảm hứng từ dự án này: https://github.com/wingleung/save-page-tate. Và tôi sẽ phát triển một sự mở rộng để thực hiện chức năng nhấp chuột sau này.

Đã trả lời ngày 7 tháng 4 năm 2021 lúc 0:41Apr 7, 2021 at 0:41

傅继 晗傅继傅继晗

7691 Huy hiệu vàng6 Huy hiệu bạc12 Huy hiệu đồng1 gold badge6 silver badges12 bronze badges

Bạn có thể thử những điều sau:

Hướng dẫn how do i export html from chrome? - làm cách nào để xuất html từ chrome?

Tất cả những gì bạn phải làm là nhấp chuột phải vào phần tử và sao chép bên ngoài.

Đã trả lời ngày 10 tháng 8 năm 2018 lúc 16:09Aug 10, 2018 at 16:09

Hướng dẫn how do i export html from chrome? - làm cách nào để xuất html từ chrome?

G. LCG. LCG. LC

7621 Huy hiệu vàng8 Huy hiệu bạc24 Huy hiệu đồng1 gold badge8 silver badges24 bronze badges

1

Hướng dẫn how do i export html from chrome? - làm cách nào để xuất html từ chrome?

Nội dung

  • 1 Cách tải xuống trang web trong Google Chrome How to Download a Webpage in Google Chrome
  • 2 Cách tạo một lối tắt đến một trang web hoặc trang web & nbsp; How to Create a Shortcut to a Web Page or Website 

Nếu bạn đang tìm cách thực hiện một số xem ngoại tuyến, bạn có thể lưu một trang web trong Chrome dưới dạng tệp HTML. Khi bạn lưu từ Chrome bằng phương pháp này, bạn có thể chọn chỉ giữ văn bản cơ bản để giữ kích thước tệp thấp hoặc tải xuống các tài sản bổ sung như hình ảnh.

Ưu điểm của phương thức này hơn là lưu một trang web dưới dạng PDF là mã cơ bản. Khi bạn chuyển đổi một trang web sang PDF, nó sẽ chụp một hình ảnh và đặt nó vào một tài liệu. Điều này là tuyệt vời để in nhưng có nghĩa là trang web không còn tương tác. Khi bạn lưu một tệp HTML, bạn vẫn có thể sao chép văn bản, sửa đổi mã, nhấp vào liên kết và xem hình ảnh động.

Do những lợi ích này, hôm nay, chúng tôi sẽ tập trung vào cách tải xuống một trang web dưới dạng tệp HTML. Những người muốn lưu một trang web dưới dạng PDF có thể kiểm tra hướng dẫn chuyên dụng của chúng tôi. Bắt đầu nào:

Quá trình lưu một trang web trong Chrome rất đơn giản, nhưng nó được ẩn đằng sau một số menu phụ. Khi bạn đã mở trình duyệt của mình vào trang web bạn muốn lưu, hãy làm theo các bước bên dưới:

  1. Nhấn trang ‘Lưu dưới dạng nút


    Với trang của bạn mở, nhấn ba dấu chấm ở góc trên bên phải của cửa sổ Chrome của bạn, bên cạnh thanh tìm kiếm. Sau đó, di chuột qua các công cụ khác, và nhấp vào Trang Lưu dưới dạng trang web. Ngoài ra, nhấn Chrome ‘Lưu dưới dạng phím tắt, CTRL + S.“More tools” and click “Save page as…”. Alternatively, press the Chrome ‘Save as’ shortcut, “Ctrl + S”.

    Hướng dẫn how do i export html from chrome? - làm cách nào để xuất html từ chrome?

  2. Lưu tệp HTML dưới dạng trang hoàn chỉnh, tệp đơn hoặc HTML

    Hộp thoại Windows Explorer sẽ xuất hiện với tên tự động. Hãy chú ý đến Save Save dưới dạng loại thả xuống, trong đó bạn có ba tùy chọn:

    - Chỉ trang web HTML: & nbsp; chỉ lưu mã HTML của trang web. Hình ảnh, theo chủ đề trang web nâng cao và hình ảnh động sẽ không được bảo tồn. Điều này làm giảm sự lộn xộn nhưng có thể không có kết quả tốt cho một số trang web. Thông thường có kết quả gần nhất với trang gốc.Webpage HTML Only: Saves only the HTML code of the website. Images, advanced webpage theming, and animations will not be preserved.
    – Webpage, Single File: Save a page in Chrome as a single mhtml file rather than a folder. This reduces clutter but may not have quite as good results for some web pages.
    – Webpage, Complete: Saves a HTML file as well as a separate folder that requires all of the files the website needs to function. Typically has the closest results to the original page.

    Khi bạn quyết định cái nào phù hợp với bạn, hãy nhấp vào nó và sau đó nhấn nút Lưu Lưu.“Save” button.

    Hướng dẫn how do i export html from chrome? - làm cách nào để xuất html từ chrome?

  3. Mở trang web Chrome đã lưu trong trình duyệt của bạn

    Một hộp thoại sẽ xuất hiện ở cuối màn hình của bạn với tệp HTML được liên kết với trang web của bạn. Nhấp vào nó để mở nó trong trình duyệt của bạn và kiểm tra xem mọi thứ có hoạt động chính xác không.

    Hướng dẫn how do i export html from chrome? - làm cách nào để xuất html từ chrome?

  4. Truy cập trang web đã lưu của bạn trong thư mục tải xuống của bạn

    Bây giờ bạn đã biết cách lưu một trang web trong Chrome, bạn có thể truy cập các tệp đã tải xuống tại bất kỳ điểm nào trong thư mục tải xuống của bạn. Bạn sẽ thấy tệp .html và một thư mục riêng biệt kết thúc bằng _files. Bên trong thư mục này, bạn sẽ tìm thấy tất cả các hình ảnh của trang web, các tệp CSS và JS.

    Hướng dẫn how do i export html from chrome? - làm cách nào để xuất html từ chrome?

Cách tạo một lối tắt đến một trang web hoặc trang web & nbsp;

Trên đây là tuyệt vời nếu bạn muốn xem một bài viết ngoại tuyến, nhưng nếu bạn chỉ muốn một cách dễ dàng để truy cập trang hoặc trang web yêu thích của bạn?

Đối với điều này, chúng ta có thể lưu liên kết dưới dạng phím tắt. Tạo một phím tắt cho một trang web won đã lưu trang web để xem ngoại tuyến, nhưng nó sẽ giúp việc đến máy tính để bàn của bạn nhanh hơn nhiều khi bạn có kết nối.

  1. Nhấn nút ‘Tạo phím tắt

    Trong cửa sổ Google Chrome của bạn, nhấn ba dấu chấm ở góc trên bên phải. Sau đó, di chuột qua các công cụ khác, và nhấp vào Tạo phím tắt.“More tools” and click “Create shortcut…”.

    Hướng dẫn how do i export html from chrome? - làm cách nào để xuất html từ chrome?

  2. Tên và lưu trang web của bạn & nbsp;

    Trong phần tạo lối tắt? " Hộp thoại, nhập tên cho trang web của bạn, sau đó nhấp vào Tạo Tạo. Nếu bạn muốn có một trải nghiệm giống như ứng dụng hơn, bạn có thể đánh dấu vào Mở cửa Window Window để tạo phím tắt dưới dạng ứng dụng web tiến bộ.

    Hướng dẫn how do i export html from chrome? - làm cách nào để xuất html từ chrome?

  3. Bấm đúp vào phím tắt máy tính để bàn của bạn để mở trang

    Hướng dẫn how do i export html from chrome? - làm cách nào để xuất html từ chrome?

Đó là tất cả những gì chúng tôi có cho bạn trong hướng dẫn này. Tuy nhiên, trong khi bạn ở đây, bạn có thể muốn cải thiện một số thủ thuật chrome khác. Bạn có biết bạn có thể lưu tất cả các tab mở của mình để đọc sau hoặc xuất dấu trang của bạn cục bộ không? Cân nhắc thử và cho chúng tôi biết nếu bạn gặp phải bất kỳ vấn đề nào.

Làm cách nào để sao chép HTML từ Chrome?

Chrome: Nhấp chuột phải vào một không gian trống trên trang và chọn xem trang Page Nguồn.Highlight Mã, sau đó sao chép và dán vào tệp văn bản. Firefox: Từ thanh menu, chọn Công cụ> Nhà phát triển web> Nguồn trang. Đánh dấu mã, sau đó sao chép và dán vào tệp văn bản.Right-click a blank space on the page and choose View Page Source. Highlight the code, then copy and paste to a text file. Firefox: From the menu bar, choose Tools > Web Developer > Page Source. Highlight the code, then copy and paste to a text file.

Làm cách nào để tạo một tệp HTML trong Chrome?

Giả sử Google Chrome được đặt làm chương trình mặc định của bạn, bạn chỉ cần gõ lại tài liệu HTML và nó sẽ tự nhiên mở bằng Chrome.double tap the HTML document and it will naturally open in Chrome.

Làm cách nào để xuất dấu trang Chrome của tôi sang HTML?

Google Chrome..
Nhấp vào biểu tượng cài đặt ba thanh ở phía trên bên phải của Chrome ..
Di chuột qua "dấu trang" và chọn "Trình quản lý dấu trang.".
Nhấp vào "Tổ chức" và chọn "Xuất dấu trang sang tệp HTML.".
Điều hướng đến vị trí bạn muốn lưu trữ bản sao lưu, đặt tên cho tệp và chọn "Lưu.".

Làm cách nào để tải xuống mã HTML từ một trang web?

Để tải xuống mã nguồn HTML của trang web, điều hướng bằng trình duyệt yêu thích của bạn vào trang, sau đó chọn Lưu trang dưới dạng từ menu Tệp.Sau đó, bạn sẽ được nhắc chọn xem bạn muốn tải xuống toàn bộ trang (bao gồm cả hình ảnh) hay chỉ là mã nguồn.Các tùy chọn tải xuống là phổ biến cho tất cả các trình duyệt.navigate using your favorite browser to the page, and then select SAVE PAGE AS from the FILE menu. You'll then be prompted to select whether you want to download the whole page (including images) or just the source code. The download options are common for all browsers.