[測試] IE在Windows的前端測試環境

Web開發後的測試是比較頭痛的問題, 有時前端套用的framework(例如Vue.js or Angular.js),

甚至CSS語法 或 pure javascript語法, 都會有IE不相容或不支援的狀況.

為了可以提早在測試先發現這些Bug,

微軟有提供IE & Edge 版本的虛擬環境(VM)讓開發人員方便測試,


目前提供的瀏覽器版本有

• IE8 on Win7 (x86)
• IE9 on Win7 (x86)
• IE10 on Win7 (x86)
• IE11 on Win7 (x86)
• IE11 on Win81 (x86)
• MSEdge on Win10 (x64) Stable (15.15063)
• MSEdge on Win10 (x64) Preview (16.16257)

目前提供的虛擬環境版本有

• VirtualBox
• Vagrant
• HyperV (Windows)
• VPC (Windows)
• VMware (Windows, Mac)
• Parallels (Mac)

下載網頁, 點我. 可以選擇自己需要的IE版本與虛擬環境


下載後為*.zip檔案, 解壓縮後可以掛到自己的VM, 打開畫面如下(以IE11 in Parallels)




等待安裝完成後, 就可以開始使用IE測試囉~






Reference

• Test Microsoft Edge and versions of IE8 through IE11 using free virtual machines you download and manage locally.
• modern.ie
• https://qxf2.com/blog/rearm-windows/

curl 指令如何使用 cookie

curl 是可以取得網頁內容的指令

語法是

➜  ~ curl  "https://www.google.com"

如果想要保持連線狀態的話就必須透過cookie來達成,

curl可以使用檔案方式來讀寫cookie, 語法為-c

➜  ~ curl -c googlecookie "http://www.google.com.tw/"

使用並讀取該cookie的語法為-b

➜  ~ curl -b googlecookie "http://www.google.com.tw/"/"

可用cat觀看cookie保存的資訊:

➜  ~ cat googlecookie   

                             

# Netscape HTTP Cookie File

# http://curl.haxx.se/docs/http-cookies.html

# This file was generated by libcurl! Edit at your own risk.

#HttpOnly_.google.com.tw TRUE / FALSE 1509019185 NID 102=K7YGg2AnB0sRuEW2fBj-YlogUpgBellyQFZZ7efgcUFJRjbDE1jLm9ky-aji2F4KEDtCxY6_Pxdu7xBtiKxtgBaCT7nz7gsOzUiMPTVJ0lZHajlOUjVkimkg4YPJrWJ5

如果想要多帶參數, 可以使用-d, 想帶referer網址可以使用--referer

➜  ~ curl -c googlecookie "http://www.google.com.tw/" -d "A=a" -d "B=b" --referer "http://www.google.com.tw/"

Reference:

HTTP Cookies
curl: how to send cookies via command line?

React 讀書會

主講 Andy Tsai

上課資源

React ToDoList投影片
https://hackmd.io/p/rynrUdfoe#/

sample code in github
https://github.com/bbandydd/React_Todolist_Demo

react-bootstrap
https://react-bootstrap.github.io/components.html

React Stateless Functional Components

https://hackernoon.com/react-stateless-functional-components-nine-wins-you-might-have-overlooked-997b0d933dbc#.9xo1qgbav





Reference
從零開始學 ReactJS：給初學者的 React 入門教學書
https://www.gitbook.com/book/kdchang/react101/details

Redux
https://rhadow.github.io/2015/07/30/beginner-redux/

Javascript Introduction
https://hackmd.io/p/r1Igzkvgl#/

PHP MySQL 出現 「Fatal error: Call to undefined method mysqli_stmt::get_result()」

Fatal error: Call to undefined method mysqli_stmt::get_result()

原因是PHP透過MySQLi使用prepare statement, 必須要安裝mysqlnd driver

Mac環境似乎預設就有載入,


Reference:

1. mysqli_stmt::get_result

2. StackOverflow: Call to undefined method mysqli_stmt::get_result

3. MySQL Native Driver