2015年4月tdoh幹部訓
TRANSCRIPT
![Page 1: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/1.jpg)
常⾒見網⾴頁設計謬失以登⼊入⾴頁⾯面錯誤訊息設計為例
![Page 2: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/2.jpg)
相信,這個畫⾯面很常⾒見
![Page 3: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/3.jpg)
相信,這個畫⾯面更常⾒見這跟⿊黑⿊黑⼀一點關係也沒有
![Page 4: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/4.jpg)
可是瑞凡
![Page 5: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/5.jpg)
為⽑毛躺著也中槍
![Page 6: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/6.jpg)
這個網址怎麼怪怪的?
![Page 7: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/7.jpg)
我們換個網址試試
![Page 8: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/8.jpg)
合理推斷……?
![Page 9: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/9.jpg)
測試看看?
![Page 10: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/10.jpg)
不過就是彈個視窗 沒關係吧
![Page 11: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/11.jpg)
這下靠北了
![Page 12: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/12.jpg)
我幹了啥?
![Page 13: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/13.jpg)
只是把表單傳送的⺫⽬目標改掉⽽而已
![Page 14: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/14.jpg)
防護⽅方法?
![Page 15: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/15.jpg)
錯誤⽰示範
str_replace():把字串中的⼦子字串代換掉。
![Page 16: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/16.jpg)
<scRipt></Script>
<img src=“a.jpg” onerror=“”>
![Page 17: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/17.jpg)
正確⽅方式(⼀一)
htmlentities():把字串中的HTML字元代換掉
“<” 會轉變成 < “>” 會轉變成 >
……
![Page 18: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/18.jpg)
正確⽅方式(⼆二)
不顯⽰示使⽤用者所輸⼊入的字串
![Page 19: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/19.jpg)
正確⽅方式(三)— 有爭議
請愛⽤用Chrome或Webkit核⼼心瀏覽器
某些情況下會無法作⽤用,所以請不太過份依賴
![Page 20: 2015年4月TDOH幹部訓](https://reader034.vdocuments.mx/reader034/viewer/2022052602/55adc31f1a28ab806d8b46b4/html5/thumbnails/20.jpg)
Q&A