บางทีปัญหาในการทำเว็บอาจจะเกิดจาก AdBlock ก็ได้

วันนี้จะต้องเปลี่ยนแบนเนอร์บนเว็บลูกค้า เราใช้ OpenX ในการจัดการกับแบนเนอร์ของเว็บนี้อยู่ แต่วันนี้เปิดเข้าไปใน OpenX ของเราแล้วงงมากๆ ว่าทำไมมันเละเทะมากๆ คือมันโหลด CSS, Javascript ไม่ขึ้นเลย

เราก็คิดไปว่า ไม่ได้เข้ามานาน สงสัยมันจะอัพเดทเวอร์ชั่น หรือมันมี Bug อะไรหรือเปล่า ก็ค้นหาใหญ่เลย ทำการอัพเกรดกันไป แต่สุดท้ายก็ยังเป็นเหมือนเดิม ลอง view source ดูก็ไม่เห็นมีอะไรผิดปกติ

เลยมาเปิด Inspect Element ดู ถึงเห็นว่ามี Error 43 จุด เลยเปิดเช็คดู มันก็บอกว่ามันโหลด resource ไม่ได้ มาจากตัว browser เอง ก็เลยถึงบางอ้อว่า สาเหตุที่ทำให้มันเป็นแบบนี้เพราเจ้า adBlock ที่เราลงไว้น่ะเอง มันรู้จักว่า OpenX คือ AdServer มันเลย detect ในหน้านี้แล้วพบว่าน่าจะเป็นโฆษณาแน่ๆ เลยทำการ block ให้ซะเลย สุดท้ายก็แก้ด้วยการไปทำให้มันไม่ block เว็บของเราซะ ก็หายเป็นปกติละ เฮ้อ...

class ที่ใส่มาทีหลังจะถูกเมิน (CSS)

วันนี้หาทางแก้ปัญหาเรื่องปุ่ม Add to Cart ของเว็บที่ทำอยู่ มันไม่ยอมเช็คก่อนว่าสินค้านั้นมันมี option อะไรหรือเปล่า ซึ่งก่อนนี้มันก็ใช้งานได้ปกติดี

เลยมานั่งงมหา คิดว่าปัญหาน่าจะเกิดจาก javascript ที่เข้าไปเช็ค ซึ่งเว็บนี้ใช้ jQuery ช่วย แล้วเจ้าปุ่มนี้เราก็ไปตบแต่งเพิ่มเติมด้วยการใส่ class="red-button" ลงไป ซึ่งมันมี class อยู่แล้วอีกอันตอนท้ายของ tag ซึ่งเราคิดว่าไม่เป็นอะไร


แต่การใส่ <a href="#" class="class1" title="blablabla" class="class2"> แบบนี้ทำให้เกิดปัญหาในการค้นหาของ jQuery ได้ มันจะเจอแต่ class1 แล้วถ้าเราสั่งให้มันหา class2 มันก็จะไม่เจอไปเลย *-*


นั่งแก้อยู่นาน จนสุดท้ายก็เปลี่ยนมาเป็น <a href="#" title="blablabla" class="class2 class1"> มันก็จะทำงานได้ตามปกติแล้ว