ionic3: Remote Debugging

ติดตั้ง chrome ที่เครื่องคอม และที่มือถือ

ต่อสาย USB เชื่อมต่อเครื่องคอม และมือถือ

ที่เครื่องคอมเปิด chrome ไปที่ chrome://inspect

Continue reading

ionic3: การเพิ่มและรันแพลตฟอร์ม

Android และ iOS เป็นแบบ Debug โหมดมั้ง

Android

> ionic cordova platform rm android
> ionic cordova platform add android
> ionic cordova run android --device

iOS

> ionic cordova platform rm ios
> ionic cordova platform add ios
> ionic cordova run ios --device

browser

> ionic cordova platform rm browser
> ionic cordova platform add browser
> ionic cordova run browser

Continue reading

Multiple desktops บน Windows 10

Step 1: Add a desktop

  • คลิกที่ Task View ทางล่างซ้ายของหน้าจอ หรือกด Windows Key + Tab แล้วคลิกที่ New desktop หรือ
  • Windows Key + Ctrl + D

Step 2: Switch between desktops

  • Windows Key + Ctrl + Left Arrow หรือ
  • Windows Key + Ctrl + Right Arrow

Step 3: Move windows between desktops

  • กด Windows Key + Tab เพื่อแสดง Task View pane แล้ว
  • right-click ที่ widnows ที่ต้องการย้าย และเลือก Move to และเลือก desktop ที่ต้องการ

Step 4: Close a desktop

  • กด Windows Key + Ctrl + F4 เพื่อปิด desktop ปัจจุบัน แล้ว
  • กด Windows Key + Tab เพื่อแสดง Task View pane แล้วคลิก x ที่ desktop ที่ต้องการปิด

Continue reading

ionic3: การสร้าง SideMenu (tabs)

ภาพที่ 1 : เพจ Home, About และ Contact อยู่ในแทบ
ภาพที่ 2 : กดด้านบนซ้าย หรือรูทจากหน้าจอด้านซ้ายมาด้านขวา แสดงเมนู
ภาพที่ 3 : เพจ Help ไม่อยู่ในแทบ

สร้างโปรเจ็กส์ชื่อ blog

ionic start blog tabs

สร้างเพจชื่อ help

ionic g page help

หน้า Home, About และ Contact อยู่ในแทบ แต่หน้า Help ไม่อยู่ในแทบ

Continue reading

ionic3: การใช้งาน localStorage

การเก็บข้อมูลของ localStorage เก็บในลักษณะของ key/value

  1. การเขียนและอ่านข้อมูลจาก localStorage
  2. การอ่านข้อมูลจาก localStorage โดยที่ยังไม่มี key นั้นอยู่
  3. การอ่านข้อมูลจาก localStorage ที่มี key นั้นเก็บอยู่
  4. การลบ localStorage โดยการกำหนด key

Continue reading