網頁技巧|把任何網頁變成文字編輯器

托芙-avatar-img
托芙
發佈於網頁科技觀察員
更新於 發佈於 閱讀時間約 1 分鐘

今天來分享一個好像有點廢的小技巧

把網頁變成可以直接用來打字的文字編輯器

作法：

1.在要變成文字編輯器的網頁中，按下鍵盤的f12，打開開發者工具

假設我要把這頁變成文字編輯器

假設我要把這頁變成文字編輯器

2.切換到【主控台】頁籤

按下f12，切到主控台頁籤

按下f12，切到主控台頁籤

3.在空白處輸入以下字串後，按下【enter】：

document.designMode = 'on'
貼上後按下enter

貼上後按下enter

4.接下來，你就可以在這頁隨意打字囉！

raw-image
raw-image


不過，也只有輸入文字的功能，而且並不會真正影響到這個網頁。

就只是自己看高興的，重新整理就會恢復了~~

也許有一天想要測試文章排版的時候會用到XDD


Tove心櫥網頁科技觀察員
留言
avatar-img
留言分享你的想法！
avatar-img
Tove心櫥
14會員
120內容數
一個探索星辰與命運交織的小世界。興趣太廣泛有點頭痛。
Tove心櫥的其他內容
2024/11/14
如何用Google瀏覽器的開發者工具(F12)，模擬搜尋引擎的爬蟲蜘蛛抓取網頁的狀況
Chrome 的開發者工具中，你可以模擬 Googlebot 或其他搜尋引擎爬蟲的網頁抓取情況。
Thumbnail
2024/11/14
如何用Google瀏覽器的開發者工具(F12)，模擬搜尋引擎的爬蟲蜘蛛抓取網頁的狀況
Chrome 的開發者工具中，你可以模擬 Googlebot 或其他搜尋引擎爬蟲的網頁抓取情況。
Thumbnail
2024/11/11
當網頁不想被收錄時，該選擇 Google Search Console 的移除請求還是使用 noindex 標籤？
有時候，我們希望從搜尋結果中暫時隱藏特定單一頁面，但不一定需要直接使用 noindex 標籤。其實，透過 Google Search Console 的移除請求也可以達到這個目的，而且不用修改頁面的原始碼。
Thumbnail
2024/11/11
當網頁不想被收錄時，該選擇 Google Search Console 的移除請求還是使用 noindex 標籤？
有時候，我們希望從搜尋結果中暫時隱藏特定單一頁面，但不一定需要直接使用 noindex 標籤。其實，透過 Google Search Console 的移除請求也可以達到這個目的，而且不用修改頁面的原始碼。
Thumbnail
2024/04/18
課程心得|解密成功品牌-從定位到溝通，釋放商業影響力
品牌經營對於公司或個人來說變得越來越重要。品牌定位、必修本領和行銷溝通都有其獨特的價值。品牌經營的目標是建立和維護品牌形象，通過定位、故事和價值觀與消費者產生共鳴。
Thumbnail
2024/04/18
課程心得|解密成功品牌-從定位到溝通，釋放商業影響力
品牌經營對於公司或個人來說變得越來越重要。品牌定位、必修本領和行銷溝通都有其獨特的價值。品牌經營的目標是建立和維護品牌形象，通過定位、故事和價值觀與消費者產生共鳴。
Thumbnail
看更多
你可能也想看
Thumbnail
avatar-avatar
Emma 的意識界。
輕鬆賺零用金的祕密 | 蝦皮分潤計畫賺零用金實測成果開箱 ＋近期敗家好物開箱 😁
透過蝦皮分潤計畫，輕鬆賺取零用金！本文分享5-6月實測心得，包含數據流程、實際收入、平臺優點及注意事項，並推薦高分潤商品，教你如何運用空閒時間創造被動收入。
#蝦皮#行動電源#測試
Thumbnail
avatar-avatar
Emma 的意識界。
輕鬆賺零用金的祕密 | 蝦皮分潤計畫賺零用金實測成果開箱 ＋近期敗家好物開箱 😁
透過蝦皮分潤計畫，輕鬆賺取零用金！本文分享5-6月實測心得，包含數據流程、實際收入、平臺優點及注意事項，並推薦高分潤商品，教你如何運用空閒時間創造被動收入。
#蝦皮#行動電源#測試
Thumbnail
avatar-avatar
好好宅在家
【單身實驗室．蝦皮分潤計畫】藏身蝦皮的植系青屬，為我的北向陽台增添家人。
單身的人有些會養寵物，而我養植物。畢竟寵物離世會傷心，植物沒養好再接再厲就好了~（笑）
#開箱#蝦皮分潤計畫#單身實驗室
Thumbnail
avatar-avatar
好好宅在家
【單身實驗室．蝦皮分潤計畫】藏身蝦皮的植系青屬，為我的北向陽台增添家人。
單身的人有些會養寵物，而我養植物。畢竟寵物離世會傷心，植物沒養好再接再厲就好了~（笑）
#開箱#蝦皮分潤計畫#單身實驗室
Thumbnail
avatar-avatar
翰墨飄香的沙龍
補貨小日常｜居家生活用品實測分享，還順便開啟蝦皮分潤計畫小驚喜！
不知你有沒有過這種經驗？衛生紙只剩最後一包、洗衣精倒不出來，或電池突然沒電。這次一次補貨，從電池、衛生紙到洗衣精，還順便分享使用心得。更棒的是，搭配蝦皮分潤計畫，愛用品不僅自己用得安心，分享給朋友還能賺回饋。立即使用推薦碼 X5Q344E，輕鬆上手，隨時隨地賺取分潤！
#衛生紙#洗衣精#居家生活
Thumbnail
avatar-avatar
翰墨飄香的沙龍
補貨小日常｜居家生活用品實測分享，還順便開啟蝦皮分潤計畫小驚喜！
不知你有沒有過這種經驗？衛生紙只剩最後一包、洗衣精倒不出來，或電池突然沒電。這次一次補貨，從電池、衛生紙到洗衣精，還順便分享使用心得。更棒的是，搭配蝦皮分潤計畫，愛用品不僅自己用得安心，分享給朋友還能賺回饋。立即使用推薦碼 X5Q344E，輕鬆上手，隨時隨地賺取分潤！
#衛生紙#洗衣精#居家生活
Thumbnail
avatar-avatar
阿Mo的murmur小天地🪄
開箱＋分潤分享｜社畜的療癒小樹洞 🧑‍🎨 iPad 殼 × 蝦皮分潤計畫
身為一個典型的社畜，上班時間被會議、進度、KPI 塞得滿滿，下班後只想要找一個能夠安靜喘口氣的小角落。對我來說，畫畫就是那個屬於自己的小樹洞。無論是胡亂塗鴉，還是慢慢描繪喜歡的插畫人物，那個專注在筆觸和色彩的過程，就像在幫心靈按摩一樣，讓緊繃的神經慢慢鬆開。
#小確幸#iPad#樹洞
Thumbnail
avatar-avatar
阿Mo的murmur小天地🪄
開箱＋分潤分享｜社畜的療癒小樹洞 🧑‍🎨 iPad 殼 × 蝦皮分潤計畫
身為一個典型的社畜，上班時間被會議、進度、KPI 塞得滿滿，下班後只想要找一個能夠安靜喘口氣的小角落。對我來說，畫畫就是那個屬於自己的小樹洞。無論是胡亂塗鴉，還是慢慢描繪喜歡的插畫人物，那個專注在筆觸和色彩的過程，就像在幫心靈按摩一樣，讓緊繃的神經慢慢鬆開。
#小確幸#iPad#樹洞
Thumbnail
avatar-avatar
leqi.ai
如何將圖片插入PDF文件：逐步指南
將圖片添加到PDF文件中可以提升內容質量，使其更具吸引力。無論您是在製作專業文件、報告或演示文稿，插入圖片都是非常重要的。以下是使用各種工具進行操作的方法
#PDF編輯#PDF
Thumbnail
avatar-avatar
leqi.ai
如何將圖片插入PDF文件：逐步指南
將圖片添加到PDF文件中可以提升內容質量，使其更具吸引力。無論您是在製作專業文件、報告或演示文稿，插入圖片都是非常重要的。以下是使用各種工具進行操作的方法
#PDF編輯#PDF
Thumbnail
avatar-avatar
一樣米養百樣人
Notion 免費版的語音轉文字功能，讓你快速製作完美逐字稿！
要做會議記錄或課程筆記，想做逐字稿卻苦於打字速度不夠快嗎？錄音再慢慢回放浪費時間又容易恍神？這篇文章包你滿意，不用再浪費時間爬文了，你需要的逐字稿神器在這裡，保母級教學！
#麥克風#教學#會議記錄
Thumbnail
avatar-avatar
一樣米養百樣人
Notion 免費版的語音轉文字功能，讓你快速製作完美逐字稿！
要做會議記錄或課程筆記，想做逐字稿卻苦於打字速度不夠快嗎？錄音再慢慢回放浪費時間又容易恍神？這篇文章包你滿意，不用再浪費時間爬文了，你需要的逐字稿神器在這裡，保母級教學！
#麥克風#教學#會議記錄
Thumbnail
avatar-avatar
脩息奕下時光屋
【淺談】好用（好玩）工具們
網址：https://gadget.chienwen.net/x/text/articlecut 這個網頁裡面有許多小工具， 但感覺現在有很多被 AI 取代掉的東西， 推薦大家可以來用看看~
#好用工具#WFH#簡單上手
Thumbnail
avatar-avatar
脩息奕下時光屋
【淺談】好用（好玩）工具們
網址：https://gadget.chienwen.net/x/text/articlecut 這個網頁裡面有許多小工具， 但感覺現在有很多被 AI 取代掉的東西， 推薦大家可以來用看看~
#好用工具#WFH#簡單上手
Thumbnail
avatar-avatar
蕭詒徽的沙龍
蕭氏人肉演算 ➔ 2024 Apr. 4
作為1980年代就用過「電子打字機」（回老家找一下說不定還在）和日系文書處理機的老用戶，我認為FreeWrite這類產品要做出來、或是有基本的打字功能完全不是問題，最大的問題在於內容的編輯。
Thumbnail
avatar-avatar
蕭詒徽的沙龍
蕭氏人肉演算 ➔ 2024 Apr. 4
作為1980年代就用過「電子打字機」（回老家找一下說不定還在）和日系文書處理機的老用戶，我認為FreeWrite這類產品要做出來、或是有基本的打字功能完全不是問題，最大的問題在於內容的編輯。
Thumbnail
avatar-avatar
leqi.ai
提升效率：合併pdf文件的五個處理方法
#PDF轉換#pdftopdf#pdf合并
Thumbnail
avatar-avatar
leqi.ai
提升效率：合併pdf文件的五個處理方法
#PDF轉換#pdftopdf#pdf合并
Thumbnail
avatar-avatar
台語文薦夾｜Tâi-gí 做伙耍
拼音轉換 台羅、白話字 攏會通
這篇文章介紹了幾種漢字轉拼音、拼音轉換工具的使用方法，並提供了簡單的操作步驟。工具包括漢字轉換、漢字拼音處理、臺羅POJ轉換器和讀音選擇工具。閱讀本文將有助於瞭解這些工具的使用方式，並學習如何在文書處理軟體中應用拼音標註。
#漢字#閩南語#教材
Thumbnail
avatar-avatar
台語文薦夾｜Tâi-gí 做伙耍
拼音轉換 台羅、白話字 攏會通
這篇文章介紹了幾種漢字轉拼音、拼音轉換工具的使用方法，並提供了簡單的操作步驟。工具包括漢字轉換、漢字拼音處理、臺羅POJ轉換器和讀音選擇工具。閱讀本文將有助於瞭解這些工具的使用方式，並學習如何在文書處理軟體中應用拼音標註。
#漢字#閩南語#教材
Thumbnail
avatar-avatar
Tove心櫥
網頁技巧|把任何網頁變成文字編輯器
今天來分享一個好像有點廢的小技巧 把網頁變成可以直接用來打字的文字編輯器
Thumbnail
avatar-avatar
Tove心櫥
網頁技巧|把任何網頁變成文字編輯器
今天來分享一個好像有點廢的小技巧 把網頁變成可以直接用來打字的文字編輯器
Thumbnail
avatar-avatar
宅女文青的生活廢文
三十日字創 Day 17｜常用工具推薦
第 17 天：使用過哪一款超好用的數位軟體，以及推薦理由。 那麼，今天就來跟大家介紹幾個我工作上常用的工具好了！
#職場#UIUX#工具軟體
Thumbnail
avatar-avatar
宅女文青的生活廢文
三十日字創 Day 17｜常用工具推薦
第 17 天：使用過哪一款超好用的數位軟體，以及推薦理由。 那麼，今天就來跟大家介紹幾個我工作上常用的工具好了！
#職場#UIUX#工具軟體
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News