Sofie 舒霏的部落格

今天來做一點有趣的實作吧！

首先，找一個你有興趣小小改造的網頁（？

本篇文會以 總統簡介 為例喔！

接著，在螢幕任意畫面按右鍵，並選擇「檢查」（或按快捷鍵 Ctrl+Shift+I）

其實，看不懂 html 也沒關係啦，

因為滑鼠在 elements 滑動時，對應的區塊會顯示在左側。

像是將滑鼠移動到 img 的區塊時，可以看到左方對應的總統照片變色了～

接著，選到 <div class="president_img">，按下去

你應該會發現後方多了 == $0，

接著就可以移動到下方的 console，先試著打 $0，應該會顯示 president_img 這個 class

接著，你可以去網路上選任一張你想要替換的照片，並複製好 連結 

在這裡，我選擇 Elsa 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

然後在 console 打入指令：$0.innerHTML = “<img src=‘圖⽚連結’>”

這樣，總統照片就換成功了！

所以，我們真的駭客成功了嗎？！

答案是－並沒有。

當你重新整理，畫面就會回到原本的設定了。

我們剛剛所做的只是「更改你的瀏覽器（前端）收到的 HTML」，是在 local 端。

但不覺得很酷／有趣嗎？