JS筆記-暫時讓網頁可以編輯

前端自學筆記前端工程師網頁網頁前端

Oo_花之舞__oO 2023-03-18 10:00:46 ‧ 1286 瀏覽

分享至

前情提要

有時候要clone一個網頁需要複製一些文字

但有些東西是按鈕或是link 導致點下去根本無法複製

這時候就需要讓網頁暫時可編輯

語法如下:

javascript:document.body.contentEditable = true; void 0;

來源-Temporarily Edit Text on Any Website

印象中還有其他類似語法，有人知道的話歡迎補充~~~

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 則留言

Hans5300609

iT邦研究生 4 級 ‧ 2023-03-19 06:14:31

看起來可以做成bookmarklets像書籤一樣使用

回應 1
檢舉

Oo_花之舞__oO iT邦新手 1 級 ‧ 2023-03-19 17:42:22 檢舉

很好的意見耶！非常讚！

登入發表回應

Felix

iT邦研究生 2 級 ‧ 2023-03-24 23:26:06

document.designMode = 'on';

編輯整個網頁也能使用這個，不過只能是 'on' 或 'off' 的字串值。

回應 1
檢舉

Oo_花之舞__oO iT邦新手 1 級 ‧ 2023-03-24 23:49:46 檢舉

對！我以前是用這個，一直想找，感謝分享！
超讚超有幫助der

登入發表回應

我要留言

立即登入留言

JS筆記-暫時讓網頁可以編輯

目錄

JS筆記-幫元素加上style的寫法

JS筆記-getPosition 讓你找到元素x,y位置

js筆記--寫腳本需要用到的waitForKeyElements.js

JS筆記-設定CSSstyle的function

JS筆記-使用fetch下載檔案/download.js好用的東西

JS筆記-前端新手練習小專案（附加4個JS實例網站可學）

JS筆記-關掉alert的簡單小技巧

JS筆記-使用ajax傳送表單(ex.傳送google表單)

JS筆記-前端撥放m3u8的兩種方法

JS筆記-讓chrome跳過「允許下載多個檔案」的技巧

JS筆記-製作copy效果

JS筆記-暫時讓網頁可以編輯

JS筆記-VScode自己設定速打

JS筆記-VScode的Prettier(自動排版)怎麼開始使用？

前情提要

2 則留言

我要留言

JS筆記-暫時讓網頁可以編輯

目錄

前情提要

2 則留言

我要留言

標記使用者