Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Cách sao chép bí mật (secretly copy) vào clipboard trong Chrome/Firefox DevTools Console

Trong Chrome/Firefox Developer Tools Console, có các hàm tiện ích nội bộ (không phải standard JS) để copy dữ liệu:

Các hàm console tiện ích

Ví dụ dùng copy()

// Copy object thành JSON string
copy({name: 'John', age: 30}); // Clipboard: "{\n  \"name\": \"John\",\n  \"age\": 30\n}"

// Copy DOM element
copy(document.body); // Clipboard: outerHTML

// Copy kết quả expression
copy($$('a').map(a => a.href)); // Copy tất cả link href

Clipboard API chuẩn (trong code trang web)

Để copy từ code ứng dụng (không phải DevTools), dùng Clipboard API:

async function copyToClipboard(text) {
  try {
    await navigator.clipboard.writeText(text);
    console.log('Đã copy!');
  } catch (err) {
    console.error('Lỗi copy:', err);
    // Fallback: execCommand('copy') cho trình duyệt cũ
  }
}

// Dùng: copyToClipboard('Hello World');

Yêu cầu: HTTPS (hoặc localhost), user gesture (click), permission clipboard-write.

HàmMô tả
copy(object)Sao chép biểu diễn string của object vào clipboard. API chuẩn Console API.
clear()Xóa console. InjectedScriptHost.clearConsoleMessages() là internal.
profile() / profileEnd()Bắt đầu/kết thúc profiling (Performance tab).