Trang chủ \ 21:41

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.
Chia sẻ Phần mềm và Tài liệu cho người dùng Windows, Ubuntu. Hướng dẫn Thủ thuật cho người dùng Blogger, Blogspot.

Chia sẻ

49

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
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
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
4

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

Reply
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
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
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
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
11

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

Reply
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
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
14

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

Reply
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
16

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

Reply
17

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

Reply
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
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
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
22

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

Reply
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
24

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

Reply
25

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

Reply
26

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

Reply
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
28

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

Reply
29

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

Reply
30

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

Reply
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
32

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

Reply
33

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

Reply
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
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
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
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
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
39

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

Reply
40

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

Reply
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
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
43

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

Reply
44

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

Reply
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
46

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

Reply
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
48

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

Reply

Đăng nhận xét

Cancel reply

• Những nhận xét spam sẽ bị xóa.
• Public tài khoản Blogger để được trợ giúp.
• Nặc danh thường không được chào đón.