简体   繁体   English

Windows上的Google Chrome浏览器中的文本中出现了白框

[英]Whitebox appears in text in Google Chrome on Windows

Here's what I know so far: 到目前为止,这是我所知道的:

Browser: Google Chrome 56+ OS: Windows 10 浏览器:Google Chrome 56+操作系统:Windows 10

The issue is in the picture, a white box appears inline with the text. 问题出在图片中,文本内联出现一个白色框。 When you inspect it the inspector shows a box character. 当您检查它时,检查器会显示一个方框字符。 I have tried on Chrome 55 and under and there is no issue. 我已经在Chrome 55及更低版本上尝试过,并且没有问题。 It's on the home page of our site, so people are quickly noticing it. 它在我们网站的主页上,因此人们很快注意到它。 Nothing in IE. IE中一无所有。 Any ideas? 有任何想法吗?

内联白盒

EDIT: Stack Overflow removes special characters, so the code snippet below does not work. 编辑:堆栈溢出删除特殊字符,因此下面的代码段不起作用。 See http://codepen.io/dennishall/pen/pRMxbJ for a working example. 有关工作示例,请参见http://codepen.io/dennishall/pen/pRMxbJ

EDIT 2: This SO post to find non-ascii characters should put you on the right track to find the problem file, if it's in your source code .. if not, it's in the CMS, and you should be able to figure out what record & field is the offender. 编辑2:如此查找非ascii字符的SO帖子应该使您处于正确的位置,以查找问题文件,如果它在源代码中..如果不在源代码中,则在CMS中,并且您应该能够找出问题所在记录和字段是犯罪者。 -- How do I grep for all non-ASCII characters in UNIX - 如何在UNIX中grep表示所有非ASCII字符

 var stringWithSpecialCharacter = "find your"; document.getElementById('example-output').innerHTML = 'regular space char code = ' + stringWithSpecialCharacter.charCodeAt(4) + ' special character code for the following empty space = ' + stringWithSpecialCharacter.charCodeAt(5); 
 <div id="example-output"></div> 

You have a special character in your source code (or CMS). 您的源代码(或CMS)中有一个特殊字符。 Check your source code. 检查您的源代码。 This might be from copy/paste from a Word doc or similar. 这可能来自Word文档或类似文件的复制/粘贴。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM