Trang chủ \24.11.14

Sửa lỗi xuống dòng trên Google Chrome 39

Vừa qua trình duyệt Google Chrome đã chính thức cập nhật lên phiên bản 39 và thật tệ là gây ra lỗi đối với website Tiếng Việt. Cụ thể một vài dòng chữ của thẻ liên kết sẽ bị xuống dòng. Đây là lần thứ 2 mình gặp phải lỗi về hiển thị đối với trình duyệt này, lần trước liên quan đến thẻ option.

error chrome 39

Thành phần nào sẽ bị lỗi xuống dòng?

  • Chữ nằm trong thẻ liên kết a.
  • Thẻ a này nằm trong thẻ cha mẹ có float và không được gán width.
  • Chữ viết bằng Tiếng Việt.
  • Sử dụng Google Chrome 39 trên Windows 7, Windows 8, Windows 8.1.

Khi cập nhật tiếp Google Chrome lên phiên bản beta 40 và dev 41 thì lỗi trên đã hết nhưng lại bị lỗi mới "dính chữ".
error chrome 40

Thành phần nào sẽ bị lỗi "dính chữ"?

  • Chữ nằm trong thẻ a, b, strong, code...
  • Chữ viết bằng Tiếng Việt.
  • Sử dụng Google Chrome beta 40 và dev 41 trên Windows 7, Windows 8 và Windows 8.1.

Làm thế nào để sửa những lỗi này?


Đừng sử dụng Tiếng Việt cho website, blog nữa. Mình đùa đấy :D

Bạn có thể thêm thuộc tính white-space:nowrap cho thẻ a, thêm width cho thẻ cha mẹ... Tuy nhiên sửa bằng những cách này không triệt để vì nguyên nhân lỗi thực sự là do Google Chrome hiển thị không tốt font chữ Tiếng Việt trên Windows 7, Windows 8 và Windows 8.1. Mình để ý thấy website bị lỗi sử dụng font chữ Arial mặc dù lỗi này của Google Chrome không có trên Windows XP và Mac OS. Cách đơn giản và triệt để nhất sửa lỗi là dùng font Segoe UI. Font chữ này có mặt trên Windows 7, Windows 8 và Windows 8.1, và hiển thị khá đẹp.
body{font-family:"Segoe UI",Arial,sans-serif}

Mình vẫn mong chờ Google Chrome 40 bản chính thức sẽ sửa hết những lỗi ngớ ngẩn này bởi đây là trình duyệt yêu thích của mình.

Hướng dẫn thủ thuật Blogger, Blogspot

54

Nhận xét
1

Mình chuyển qua sài trình duyệt khác cho đỡ ngứa mắt đã. Chờ Chrome mới thôi. :)

Reply Xóa nhận xét
2

Đúng cái mình đang tìm, minh ghi mấy ngày nay là thằng chrome có vấn đề vì test mấy trình duyệt duy vẫn ok

Reply Xóa nhận xét
3

em thì tưởng máy em có vấn đề ... từ lúc thằng gg bị hacker phá ... nhiều chuyện quá

Reply Xóa nhận xét
4

Đang chạy 39.0.2171.65 trên XP và ko test đc :(

Reply Xóa nhận xét
5

em vẫn chưa gặp phải trường hợp nào như vậy có gì em cứ lên đây tham khảo xem sao

Reply Xóa nhận xét
6

Nhận xét này đã bị quản trị viên blog xóa.

Reply
7

Em xin phép mượn bài của bác để chia sẻ cho anh em cách khắc phục :)

Reply Xóa nhận xét
8

Ợ! Đàn xài Opera không thấy hiện tượng gì. Không biết blog mình có dính không nữa TT^TT

Reply Xóa nhận xét
9

Kiểu j Chrome cũng sửa lỗi thôi, vì Google hay Blogger cũng bị lỗi hiển thị chữ Việt như vậy

Reply Xóa nhận xét
11

Hỏi bác cái, google plus bị chặn à, mình xài việt teo

Reply Xóa nhận xét
12

Mình vẫn vào bình thường, có điều gần tuần nay Google+, Youtube, Gmail... khá chập chờn

Reply Xóa nhận xét
13

Tại hỏi ở bài gốc chắc lâu quá rồi nên nó để ở chế độ chờ phê duyệt nên mạn phép hỏi bác ở đây ạ !
em áp dụng cái này của bác
http://blog.duypham.info/2011/01/bai-viet-lien-quan-cho-blogger.html
Vào cài này của em
http://testgiasutahanoi.blogspot.com/
Nhưng không hiểu sao nó lại không được , bác xem dùm em có phải nó xung đột cái gì không ạ vì em áp dụng cho blog khác thì vẫn được, cám ơn bác

Reply Xóa nhận xét
14

Mình chuyển sang phê duyệt vì dạo này lại bị auto spam ghê quá.

Reply Xóa nhận xét
15

Lâu quá mới ghé lại đây , tưởng bác DP bận rộn đóng của blog rồi chứ ^^

Reply Xóa nhận xét
16

Cửa vẫn khép hờ mà :p

Reply Xóa nhận xét
17

Cái lỗi này đã được anh GG fix chưa nhỉ các bác?

Reply Xóa nhận xét
18

Bản 39 cập nhật lên vẫn chưa có sửa cái lỗi này :v, mấy nay chuyển qua cốc cốc dùng đỡ, rồi cốc cốc cũng lên bản 39 :v nản, không thích firefox :0

Reply Xóa nhận xét
19

Đối với các kỹ sư GG thì lỗi này là nhỏ mà sao họ chưa sửa nhỉ ?

Reply Xóa nhận xét
20

Nhận xét này đã bị quản trị viên blog xóa.

Reply
21

Bác duy bận làm ăn, vk con ....đóng cửa lâu quá :))

Reply Xóa nhận xét
22

Chúc bác Duy năm mới vui vẻ, Hạnh Phúc nhá <3

Reply Xóa nhận xét
23

Chả biết bác có nhà ko nhưng em cứ hỏi bao giờ bác về thì trả lời
Tình hình là trong giao diện tìm kiếm nó báo nhiều thẻ tiêu đề bị trùng lặp dạng
?m=0
Em cũng đã tìm hướng dẫn nhưng áp dụng ko dc nó vẫn tăng
Bác có cách gì xin chỉ dùm.

Reply Xóa nhận xét
24

Vào Robots.txt tùy chỉnh chặn nó lại

Reply Xóa nhận xét
25

Đại loại kiểu :
Disallow: /?m=0
Nhưng ko dc

Reply Xóa nhận xét
26

Bạn cần có meta tag canonical trong blog để tránh trùng lặp

Reply Xóa nhận xét
27

Em thêm như dưới xem nguồn thấy nó giống của bác :D
<b:if cond='data:blog.pageTitle != data:blog.title'>
<meta expr:content='data:blog.pageName' name='keywords'/>
<link expr:href='data:blog.url' rel='canonical'/>
<meta content='index, follow' name='robots'/>
</b:if>

Reply Xóa nhận xét
28

Bạn thay data:blog.url thành data:blog.canonicalUrl để loại bỏ ?m=0 và ?m=1 nhé.

Reply Xóa nhận xét
29

Cảm ơn bác
Trong giới blog chỉ tin tưởng mỗi bác

Reply Xóa nhận xét
30

Cho hỏi thêm chút nữa: ^^
Có phải thay
data:blog.homepageUrl
Thành:
data:blog.canonicalUrl

Reply Xóa nhận xét
31

data:blog.homepageUrl thì thay thành data:blog.canonicalHomepageUrl

Nhưng mà bạn chỉ cần <link expr:href='data:blog.url' rel='canonical'/> đưa ra ngoài b:if là được.

Reply Xóa nhận xét
32

<link expr:href='data:blog.canonicalUrl' rel='canonical'/> chứ :P

Reply Xóa nhận xét
33

Vậy làm theo cách 1 để giữ nguyên cấu trúc thẻ
Cảm ơn nhiều :)

Reply Xóa nhận xét
34

Có phải ý bạn là cái link bài viết
<link expr:href='data:blog.canonicalUrl' rel='canonical'/>
ta thấy nó khi xem mã nguồn trang bài viết phải bỏ ra ngoài thẻ b:if

Reply Xóa nhận xét
35

Toàn bộ đoạn đó như này bạn xem đã dc chưa

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' name='keywords'/>
<meta content='index, follow' name='robots'/>
<link expr:href='data:blog.canonicalHomepageUrl' rel='canonical'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageTitle != data:blog.title'>
<meta expr:content='data:blog.pageName' name='keywords'/>
<meta content='index, follow' name='robots'/>
<link expr:href='data:blog.canonicalUrl' rel='canonical'/>
</b:if>
</b:if>

Reply Xóa nhận xét
36

Code trên của bạn bị thừa nhiều quá, nó sẽ tương đương với code sau:

<meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.title' name='keywords'/>
<meta content='index, follow' name='robots'/>
<link expr:href='data:blog.canonicalUrl' rel='canonical'/>

Reply Xóa nhận xét
37

Thực tình tôi chỉ vọc chứ ko học hành gì về it
Thấy cậu hướng dẫn code tự động lấy dữ liệu tại khung author là tôi biết cậu khác mọi người như thế nào rồi
Rất cảm ơn cậu đã chỉ bảo.

Reply Xóa nhận xét
38

Code rút gọn của bạn nó có tác dụng cả ở trang nhãn
Với code nằm trong thẻ b:if như của tôi khi xem mã nguồn ở trang nhãn ko có keywords và link.

Reply Xóa nhận xét
39

Vì nhãn đã dc disallow trong Google tool nên không sao cả

Reply Xóa nhận xét
40

Đấy là tôi phát hiện ra vậy chứ luôn tin tưởng ở cậu :)

Reply Xóa nhận xét
41

Em có nhiều câu hỏi hơi ngớ ngẩn tí, và hôm nay nhờ bác giúp 2 câu này với:

1. Trong phần : "Mẫu › Chọn mẫu dành cho điện thoại di động" nên chon cách làm nào cho phù hợp và tối ưu tốc độ:

Trên thiết bị di động, hiển thị phiên bản mẫu hiện tại của bạn dành cho di động.
Cách 1: Có, chọn: Hiển thị mẫu dành cho điện thoại di động trên điện thoại di động. => rồi click vào "tùy chỉnh"

Cách 2, chọn: Không. Hiển thị mẫu dành cho máy tính trên điện thoại di động.

2. Nên chọn font chữ nào cho blog/web :D

Cảm ơn bác :D
----------------------------
Fiat Trịnh Xuân Thọ

Reply Xóa nhận xét
42

- Với cách 1 thì bác sẽ phải thiết kế thêm template cho phiên bản di động. Còn cách 2 thì dùng cho template có responsive.
- Font thì muốn an toàn cứ arial cho nó phổ biến hoặc muốn đẹp hơn thì Google font.

Reply Xóa nhận xét
43

Lại về domain blogspot.com dồi :D

Reply Xóa nhận xét
44

chủ nhà bỏ blog theo nghề xây dựng mất rồi

Reply Xóa nhận xét
45

Hi bác Duy, bác khỏe không :D

Em hỏi bác tí: khi chèn hình vào bài đăng, thằng blogspot nó cứ tự động chuyển link hình sang dạng http://2.bp.blogspot.com/ mặc dù hình lưu trên Google Photo.
Có cách nào khắc phục hàng loạt không bác? chuyển sang link dạng http://lh4.ggpht.com/ chẳng hạn.

Em hỏi bác câu này vì thấy blog của bác link hình thường là http://lh4.ggpht.com/

Chẳng lẽ bài nào cũng chỉnh sửa thủ công?

Cảm ơn bác nhá

Reply Xóa nhận xét
46

Google đi bác, dùng js nhé!

Reply Xóa nhận xét
47

Cách chạy bằng .js thì mình làm từ mấy năm nay rồi, cái mà mình hỏi là có cách nào để khi đăng bài không phải lọ mọ sửa dạng http://2.bp.blogspot.com sang http://lh4.ggpht.com

Vì khi chèn hình thì nó lấy linh hình dạng http://2.bp.blogspot.com

Reply Xóa nhận xét
48

Chuyển sang chế độ post bài Viết nhé!

Reply Xóa nhận xét
51

Đợt test cái form comment mới của Blogger, một thời gian sau Blogger thay đổi code nên lại quay về form cũ. Hôm qua mới fix lại dùng, bác trông nó khác lạ không :D

Reply Xóa nhận xét
53

Thú thực là em chả quan tâm tới các thứ comment của blogger. Em "xẻo" nó từ lâu dzoài :D

Reply Xóa nhận xét
54

Chuyển qua dùng comment fb chứ

Reply Xóa nhận xét
52

Quàoo form comment này đẹp thật!!

Reply Xóa nhận xét

Đăng nhận xét

Cancel