Javascript / Chrome - Cách sao chép một đối tượng từ trình kiểm tra webkit dưới dạng mã

Tôi đang thực hiện một câu lệnh console.log trong javascript của mình để đăng nhập một đối tượng javascript. Tôi tự hỏi liệu có cách nào không, khi đã xong - để sao chép đối tượng đó dưới dạng mã javascript. Những gì tôi đang cố gắng làm là chuyển đổi một đối tượng được tạo bằng ajax để phân tích nguồn cấp dữ liệu xml thành đối tượng javascript tĩnh để tệp có thể chạy cục bộ mà không cần máy chủ. Tôi đã bao gồm một ảnh chụp màn hình của đối tượng trong cửa sổ thanh tra chrome để bạn có thể thấy những gì tôi đang cố gắng làm.

1. Nhấp chuột phải vào một đối tượng trong bảng điều khiển của Chrome và chọn Store as Global Variabletừ menu ngữ cảnh. Nó sẽ trả về một cái gì đó giống temp1như tên biến.

2. Chrome cũng có một copy()phương thức, vì vậy copy(temp1)trong bảng điều khiển nên sao chép đối tượng đó vào khay nhớ tạm của bạn.

Lưu ý về các đối tượng đệ quy: Nếu bạn đang cố sao chép một đối tượng đệ quy, bạn sẽ nhận được [object Object]. Cách ra là copy(JSON.stringify(temp1)), đối tượng sẽ được sao chép hoàn toàn vào bảng tạm của bạn dưới dạng JSON hợp lệ, do đó bạn có thể định dạng nó theo ý muốn, sử dụng một trong nhiều tài nguyên.

Hãy thử JSON.stringify(). Sao chép chuỗi kết quả. Không hoạt động với các đối tượng có chứa các tham chiếu tròn.

Bạn có thể sao chép một đối tượng vào bảng clip của mình bằng cách sử dụng bản sao (JSON.opesify (Object_Name)); trong bảng điều khiển.

Ví dụ: - Sao chép và Dán mã dưới đây trong bảng điều khiển của bạn và nhấn ENTER. Bây giờ, hãy thử dán (CTRL + V cho Windows hoặc CMD + V cho mac) ở một nơi khác và bạn sẽ nhận được {"name": "Daniel", "age": 25}

var profile = {
    name: "Daniel",
    age: 25
};

copy(JSON.stringify(profile));

Giờ đây, bạn có thể thực hiện điều này trong Chrome bằng cách nhấp chuột phải vào đối tượng và chọn "Lưu trữ dưới dạng biến toàn cầu": http://www.youtube.com/watch?v=qALFiTlVWdg

Thực hiện theo các bước sau:

1. Xuất đối tượng với console.log từ mã của bạn, như vậy: console.log (myObject)
2. Nhấp chuột phải vào đối tượng và nhấp vào "Lưu trữ dưới dạng đối tượng toàn cầu". Chrome sẽ in tên của biến tại thời điểm này. Giả sử nó được gọi là "temp1".
3. Trong bảng điều khiển, gõ : JSON.stringify(temp1).
4. Tại thời điểm này, bạn sẽ thấy toàn bộ đối tượng JSON là một chuỗi mà bạn có thể sao chép / dán.
5. Bạn có thể sử dụng các công cụ trực tuyến như http://www.jsoneditoronline.org/ để làm đẹp chuỗi của bạn tại thời điểm này.

Nếu bạn đã gửi đối tượng qua một yêu cầu, bạn có thể sao chép nó từ tab Chrome -> Mạng.

Yêu cầu tải trọng -> Xem nguồn

Sử dụng "Lưu trữ dưới dạng biến toàn cầu" hoạt động, nhưng nó chỉ lấy phiên bản cuối cùng của đối tượng và không phải là thời điểm đối tượng được ghi lại (vì bạn có thể muốn so sánh các thay đổi với đối tượng khi chúng xảy ra). Để có được đối tượng tại thời điểm chính xác của nó được sửa đổi, tôi sử dụng ...

function logObject(object) {
    console.info(JSON.stringify(object).replace(/,/g, ",\n"));
}

Gọi nó như vậy ...

logObject(puzzle);

Bạn có thể muốn xóa regex .replace (/./ g, ", \ n") nếu dữ liệu của bạn có dấu phẩy trong đó.

Vì thế,. Tôi đã có vấn đề này ,. ngoại trừ tôi có [đối tượng]

Tôi chắc rằng bạn có thể làm điều này với đệ quy nhưng điều này hiệu quả với tôi:

Đây là những gì tôi đã làm trong bảng điều khiển của mình:

var object_that_is_not_shallow = $("all_obects_with_this_class_name");
var str = '';
object_that_is_not_shallow.map(function(_,e){
    str += $(e).html();
});
copy(str);

Sau đó dán vào trình soạn thảo của bạn.

Điều này sẽ giúp xâu chuỗi các đối tượng sâu bằng cách loại bỏ đệ quy Windowvà Nodecác đối tượng.

function stringifyObject(e) {
  const obj = {};
  for (let k in e) {
    obj[k] = e[k];
  }

  return JSON.stringify(obj, (k, v) => {
    if (v instanceof Node) return 'Node';
    if (v instanceof Window) return 'Window';
    return v;
  }, ' ');
}

Nhấp chuột phải vào dữ liệu mà bạn muốn lưu trữ

• Đầu tiên, Nhấp chuột phải vào dữ liệu bạn muốn lưu trữ -> chọn "Lưu dưới dạng biến toàn cục" Và biến tạm thời mới xuất hiện như dưới đây: (biến temp3): Biến tạm thời mới xuất hiện trong bảng điều khiển
• Sử dụng bản sao lệnh thứ hai (temp_variable_name) như hình ảnh: nhập mô tả hình ảnh ở đây Sau đó, bạn có thể dán dữ liệu vào bất cứ nơi nào bạn muốn. hy vọng hữu ích /

Thêm phần này vào bảng điều khiển của bạn và thực hiện

copy(JSON.stringify(foo));

Điều này sao chép JSON của bạn vào clipboard