★ ★ ★ เบื่อทำเวปให้ซัพพอต Internet Explorers กันไหม ? (มาดูของดีกัน !) ★ ★ ★

anivox · 27 มกราคม 2012, 16:49:07

Google Chrome Frame คือคำตอบที่ดีที่สุดในตอนนี้

มันคืออะไร ?
--- มันคือเทคโนโลยีของ Google ที่นำ Chrome มาแสดงผลใน Internet Explorer ! โดยการให้ผู้ใช้ที่ลงปลั๊กอิน ง่ายๆ (ในเมื่อผู้ใช้ไม่ยอมเปลี่ยนบาวเซอร์ เหตุเพราะความเคยชิน, กลัวข้อมูลเก่าประวัติเก่าในการท่องเวปจะหาย อะไรพวกนี้)

ข้อดี (ที่เทสมา)
- แสดงผลเหมือน Chrome
- Animation ได้นิ่มนวลมากๆ เหมือนเดิม (ในกรณีที่เล่น Animation ในเวป ด้วย JS พวก jQuery อะไรก็แล้วแต่)
- ให้คนเข้าเวปติดตั้งง่ายมากๆ
- ลองรับ CSS3 พวก สี RGBa, radius, เงา, multi-backgrounds นู้นนี้นั้น
- Pixel ตรงตามมาตราฐาน
- เยอะ ! เอาเป็นว่ามันเหมือน Chrome เลย !

http://code.google.com/chrome/chromeframe/

วิธีติดตั้งลงในเวปคุณ

ใส่โค๊ดเหล่านี้ลงไปในที่ไหนก็ได้ใน ระหว่าง <body> </body>

โค้ด เลือก

 <!--[if IE]>
    <script type="text/javascript" 
     src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>

    <style>
     .chromeFrameInstallDefaultStyle {
       width: 800px; /* default is 800px */
       border: 5px solid #333;
	   z-index:100;
	   position: absolute;

     }
    </style>

    <div id="prompt">
     <!-- if IE without GCF, prompt goes here -->
    </div>
 
    <script>
     // The conditional ensures that this code will only execute in IE,
     // Therefore we can use the IE-specific attachEvent without worry
     window.attachEvent("onload", function() {
       CFInstall.check({
         mode: "inline", // the default
         node: "prompt"
       });
     });
    </script>
  <![endif]-->

และตามด้วยโค๊ดนี้ ใส่ภายใน <head> </head>

โค้ด เลือก

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

ผมอยากให้เวปทุกเวปช่วยกันติดนะครับ ปัญหาปวดหัวสำหรับนักพัฒนาจะได้ลดลง

ปล. ในกรณีที่คุณไม่อยากติดโค๊ดให้คนลง google chrome frame ให้ติดแค่โค๊ดอันที่สองก็ยังดี สำหรับให้คนเข้าเวปที่ติด google chrome frame ใช้งานเวปคุณด้วยปลั๊กอินตัวนี้

T.mizaki · 27 มกราคม 2012, 16:54:35

แจ่ม

bouy22 · 27 มกราคม 2012, 16:58:28

ประเด็นคือ ฝั่ง user ก็ต้องติดตั้งปลั๊กอินนี้ด้วย แล้วจะยอมติดหรือป่าว

anivox · 27 มกราคม 2012, 16:59:59

อ้างถึงจาก: bouy22 ใน 27 มกราคม 2012, 16:58:28
ประเด็นคือ ฝั่ง user ก็ต้องติดตั้งปลั๊กอินนี้ด้วย แล้วจะยอมติดหรือป่าว

ประเด็นคือมันติดตั้งง่ายมากๆ เราควรจะบังคับให้ฝั่ง User ติดเมื่อใช้ IE แต่จะเอาแค่ 8 และต่ำลงไปก็ <!--[if lt IE 8 ]> เอา

anivox · 27 มกราคม 2012, 17:03:53

อัพเดตวิธีใส่แล้วนะครับ ลืม

โค้ด เลือก

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

ลงใน head

bouy22 · 27 มกราคม 2012, 17:04:21

อ้างถึงจาก: anivox ใน 27 มกราคม 2012, 16:59:59
ประเด็นคือมันติดตั้งง่ายมากๆ เราควรจะบังคับให้ฝั่ง User ติดเมื่อใช้ IE แต่จะเอาแค่ 8 และต่ำลงไปก็ <!--[if lt IE 8 ]> เอา

ประเด็นมันคือ ขนาดผมอ่านขนาดนี้ข้อดีๆ ข้อเสีย และเป็นคนทำเว็บ ผมยังไม่ติดเลย ยิ่งมาบังคับกันแบบนี้จ้างก้ไม่ติด

(ปล.แซวเล่นนะ 555+)

flash · 27 มกราคม 2012, 17:06:06

อย่างนี้ต้องลอง ขอบคุณครับ

anivox · 27 มกราคม 2012, 17:06:33

อ้างถึงจาก: bouy22 ใน 27 มกราคม 2012, 17:04:21
อ้างถึงจาก: anivox ใน 27 มกราคม 2012, 16:59:59
ประเด็นคือมันติดตั้งง่ายมากๆ เราควรจะบังคับให้ฝั่ง User ติดเมื่อใช้ IE แต่จะเอาแค่ 8 และต่ำลงไปก็ <!--[if lt IE 8 ]> เอา

ประเด็นมันคือ ขนาดผมอ่านขนาดนี้ข้อดีๆ ข้อเสีย และเป็นคนทำเว็บ ผมยังไม่ติดเลย ยิ่งมาบังคับกันแบบนี้จ้างก้ไม่ติด

(ปล.แซวเล่นนะ 555+)

ผมทำงานอยู่ที่บริษัทเอเจนซี่ที่นอร์เวย์ บริษัทอนุมัติให้ติด ในกรณี IE7-6 แล้วนะครับ

playnewstop · 27 มกราคม 2012, 17:08:16

โห ต้องการอ่ะ ไม่ไหว มันสุด ขอบใจนะครับ

SEkr · 27 มกราคม 2012, 17:11:53

เยี่ยมไปเลยครับ +1 จัดให้งามๆ

ไม่ไหวจะเคลียกับ IE จริงๆ

mumdochata · 27 มกราคม 2012, 17:12:39

ว่าวมันสุดยอดมาก

adidog · 27 มกราคม 2012, 17:15:42

ขอบคุณมากๆครับ เบื่อมากปัญหานี้

anivox · 27 มกราคม 2012, 17:17:43

ในกรณีที่ไม่อยากติดตั้งก็ไม่ว่ากันนะครับ แต่ขอให้ติดกันหน่อยเหอะ ปัญหามันเยอะจริงๆ

ถ้าคุณเขียนเวปแล้วยังใช้
- table
- มีรูปที่มีตัวอักษรก็ทำเป็นรูปสำเร็จรูปเอาเลย โดยไม่ใช้ font จริงๆ ให้สามารถแก้ไขได้
- ไม่มี layer ที่ซ้อนกัน ที่ต้องใช้ z-index
- ไม่มี animation js พวก jquery ในเวป
- ใช้ธีมสำเร็จรูปที่ไม่ได้ออกแบบเอง ที่ขาแก้มาให้แล้ว
- ไม่ได้เขียนเองจากหน้าเปล่าๆ
- ยังใช้ flash
- ไม่มี cavas
- ไม่มีมุมของขอบ (raduis)
- ไม่มี gradient
- ไม่มี opacity
- ยังใช้เทคโนโลยีเก่าๆอยู่

จะไม่เข้าใจหรอกครับว่ามันปวดหัวขนาดไหน

benitora · 27 มกราคม 2012, 17:18:12

สุดยอดเลยครับ จะได้ปวดหัวน้อยลงกับ IE ซะที

mumdochata · 27 มกราคม 2012, 17:18:43

เข้าเว็บเร็วมากจนนึกว่าใช้โครม

ข้าวกระเพราหมู · 27 มกราคม 2012, 17:19:08

แจ่ม

anivox · 27 มกราคม 2012, 17:20:31

อ้างถึงจาก: mumdochata ใน 27 มกราคม 2012, 17:18:43
เข้าเว็บเร็วมากจนนึกว่าใช้โครม

ใช่มะๆๆๆๆ

Pink.in.th · 27 มกราคม 2012, 17:23:36

ขอบคุณค่ะ ต้องลอง ๆ

sbaydee · 27 มกราคม 2012, 17:23:54

+1 ไปโล้ด แจ่มมากมาย

bouy22 · 27 มกราคม 2012, 17:35:45

ไอแจ่มนะมันก็แจ่มนะ อยากลองเหมือนกันไว้ว่างๆ อาจจะลองทำดู ผมเขียนผมก็ปวดหัวกับ ie เหมือนกันแหละ แต่ลึกๆ ผมอยากให้ ie มัน ซัพพอตอะไรต่างๆ นาๆ เหมือนเจ้าอื่นๆ เึค้ามากกว่า หรือ ให้ user หันมาใช้ ff chrome ไปเลยมากกว่า ทำนองนี้ เพราะ userติดปลั๊กอินไป เว็บเราอาจจะแสดงผลถูกต้อง แต่เว็บอื่นที่ไม่ติดก็ยังเพี้ยนเหมือนเดิม อันนี้ผมมองรวมๆ นะไม่ได้เฉพาะเว็บเราเว็บเดียว และอนาคตเชื่อว่าคนที่ใช้ ie v.เก่าๆ อยู่ ยังไงก็ต้องเปลี่ยนคอม ก็อาจจะมาใช้ ie8 9 ตามลำดับแต่ไม่รู้จะนานเท่าไร

ไอเรื่อง เงา เหลี่ยม อะไรนิดหน่อยๆ ใน ie ผมไม่ซีเรียสนะ เฉยๆ แต่ไอ ie6 float เอ่ย อะไรเอ่ยเพี้ยนหนักอันนี้ก็ไม่ไหว แต่ทั้งนี้ทั้งนั้นเราก็ต้องทำเว็บให้มัน cross browser แต่การจะเปลี่ยนโค๊ดเพิ่มโค๊ดเพื่อรองรับคนที่ใช้ ie6-7 ไม่กี่คนผมว่ามันก็นะ ตัวuser แหละมันต้องเปลี่ยน คหสต.นะ

ยังไงเดี๋ยวถ้ามันฮิตอาจจะลองดูแหะๆ