iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 5
0
Modern Web

大家都在鐵人賽跑JS,這條鹹魚不只翻身還被煎得有點焦了,我們來點實務吧系列 第 5

三本柱大混戰 #5 今天我們來對網頁遊戲開掛吧

  • 分享至 

  • xImage
  •  

一個月關於五的倍數大家最期待的是甚麼呢?
莫過於領薪水吧,不管看官們是五號、十號還是久一點的25號
記得感恩你們的人事,沒再被當狗狗虐後看到袋子上的數字算錯還要發火
我媽做汽車公司的人事,每每算薪水就是場大戰,各種業務加成條件
據他所言比月經來還累 _ (´ཀ`」 ∠) _

好的,按照慣例剛開始的喇低賽不會一段就結束
不斷挑戰系統幾時會把我ban掉呀我( ×ω× )

明天開始要去日本,但我文章都沒屯,都是當天熱騰騰的產出
要嘛我帶筆電去重得要死,要嘛用平板發文挑戰極限
麻倉葉說:船到橋頭自然直
來吧!!(。A。)

對於系統幾時掏黃牌感到不安,我們讓文章突然開始吧!!


好的,接下來這系列要準備開始進行程式碼的撰寫,頁面的操作
那麼身為網頁開發者不能不會開發者頁面
今天我們就拿這個主題來 (充字數) 討論吧。:.゚ヽ(*´∀`)ノ゚.:。

那麼請各位用Chome去youtube開個影片來吧(。A。)
然後按下F12,恭喜你此刻成為專業開發者

有許多網站會把彩蛋放在這裡,就拿百度來說說吧

沒錯會開到這頁的人通常都不簡單,
那麼這裏我們工程師通常拿來怎麼 惡搞 應用網站呢?

假設今天有個網站他的圖片你很喜歡
但又給你右鍵封鎖不給你載
那麼你可以到這個標籤看看

恩恩,是HOWHOW,被你發現了
在這個標籤裡面呢,你可以下載這個網站的一切
包含圖片,JS,CSS、HTML
(都有這三個東西了,其實你可以把整個Youtube的前端幹走了,認真不騙)

那麼要怎麼使用網站呢?
那我們拿這個代辦事項的遊戲網站為例

  1. 打開你想要操作的畫面,點選開發者視窗左上的小箭頭,點選你想操作的東西,瀏覽器會自動幫你開起該段的程式碼

  2. 然後隨便給他一個你想要他叫的類別或名字,並在console裡面用javaScript打下你想對他做的事

  • 例如我想對這個按鈕按10下就這麼做
    1. 對著瀏覽器幫你找出來的東西按右鍵,編輯他,我現在給他一個專有ID叫letDO
    2. 然後去google隨便都可以到怎麼用js呼叫點擊指令,如果我想按這個按鈕十次便這樣寫

function click10(){
	for(i=0;i<10;i++){
		document.getElementById("letDO").click()
	}
}
click10()//執行這段程式碼

那麼畫面會變下面這樣,按鈕被成功按了10次

雖然這算是比較複雜的東西,但也較為實用
如果想看console還有其他甚麼功能
各位看官們可以去google看看

好喔,今天就到這裡囉,先來去整理行李啦~

明天開始應該是拿平板來寫鐵人賽,不知道那會甚麼光景
怕.jpg (。ŏ_ŏ)


上一篇
三本柱大混戰 #4 html寫得好還要寫得快-emmet
下一篇
三本柱大混戰 #6 讓瀏覽器把資料暫存在餅乾盒以外的地方吧
系列文
大家都在鐵人賽跑JS,這條鹹魚不只翻身還被煎得有點焦了,我們來點實務吧31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言