Bagaimana cara saya mengedit halaman web sementara di Chrome?

10

Saya ingin mengedit sementara halaman web yang ditampilkan di Chrome di ponsel saya, sesuatu yang mirip dengan fitur elemen Inspeksi Chrome desktop . Saya mengerti ini sementara, tetapi saya ingin melakukan beberapa tes.

Saya tidak melihat opsi itu di dalam aplikasi itu sendiri, apakah saya memerlukan ekstensi, aplikasi lain, atau tidak mungkin?

Bibz
sumber
Toko web Chrome (ekstensi) tidak tersedia di Chrome untuk Android, dan saya belum menemukan ekstensi apa pun di web juga.
Firelord

Jawaban:

7

Menjalankan cuplikan berikut di bilah URL berfungsi di Chrome untuk desktop dan Android:

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Satu catatan penting: setelah menyalin & menempel kode ke bilah alamat, Chrome secara otomatis menghapus javascript:bagian dari itu. Anda harus menambahkan itu kembali atau tidak akan berhasil!

Ini untuk mencegah kode jahat dijalankan oleh pengguna bodoh yang berpikir mereka akan memenangkan iPad atau mendapatkan +1.000 teman Facebook jika mereka menyalin beberapa JS yang cerdik ke bilah alamat.

Ini memiliki pengaruh bahwa seluruh halaman menjadi dapat diedit .

Anda kemudian dapat melakukan Cetak> Simpan sebagai PDF jika Anda perlu menyimpan halaman web yang diedit.


Saya seorang pengembang web profesional jadi ini pasti ada gunanya bagi saya. Tidak perlu dikatakan, saya tidak bertanggung jawab jika Anda melakukan sesuatu yang curang dengan hal ini, misalnya memalsukan halaman perusahaan ' terima kasih, pesanan Anda dikonfirmasi ' untuk menipu produk dari mereka dengan screenshot / cetak palsu.

Saya awalnya mendapat kode dari Stack Overflow, di mana ada 28 pertanyaan seperti itu .

Danny Beckett
sumber
2
Berhasil! Setidaknya Anda dapat mengedit teks halaman dan menghapus objek dari halaman.
Jerry101
1
Saya tidak yakin bagaimana Anda membuatnya berfungsi, ketika saya menyalinnya ke bilah alamat itu melakukan pencarian untuk istilah-istilah di Chrome (baik versi desktop dan seluler).
Bibz
Ya, Anda benar, saya melewatkan bagian pengupasan karena URL terlalu panjang.
Bibz
4

Anda mungkin ingin melihat panduan resmi ini: Remote Debugging di Android dengan Chrome . Ini melibatkan menghubungkan ponsel Anda ke PC, dan men-debug halaman menggunakan Chrome DevTools.

geffchang
sumber
1
Itu sangat menarik, tetapi harapan saya adalah memiliki opsi hanya menggunakan telepon. Jika semuanya gagal saya akan mencoba metode Anda. Terima kasih.
Bibz
1

Untuk berhenti mengedit halaman, Anda dapat menggunakan ini:

javascript:document.body.contentEditable = 'false'; document.designMode='off'; void 0

G Phip
sumber
0

Pertama tambahkan "view-source:" before "http: //" Kemudian ketik ini di address bar javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; batal 0

pengguna218255
sumber
user218255 Ini berfungsi dengan baik. Terima kasih. Tetapi bagaimana cara kembali, setelah mengedit kode? Untuk melihat perubahannya. Stefan
Stefan