Таинственный пробел / поле для символов «Отсутствующий значок», отображаемое в Chrome (Mac) и MS Edge (Win)

Question

У меня довольно опытный ветеран, когда дело доходит до CSS / кросс-браузер, и я занимался этим с добрых старых времен IE 6.

Я столкнулся с этой очень загадочной проблемой:в Chrome появляются пробелы, а в браузерах IE / Edge отсутствует [?] поле с иконкой.

Это не происходит на веб-интерфейсе в Safari / Firefox (однако в исходном виде FF появляется окно - см. Выше)

Странная частьв моем текстовом редакторе нет пробелов, и к абзацу не применены специальные стили. Я также не вижу ничего подходящего в инструментах разработки.

Кто-нибудь знает, что с этим? Я потратил на это много времени и в тупик!

Спасибо!

Answer 1

Я проверил веб-сайт в Edge, и на консоли отобразятся предупреждения HTML1424: Invalid character, и он указывает на значок [?].

Я скопирую [?]Sat-Sun в текстовый файл, затем он будетпоказать значок [?]. Но если я скопирую его в редактор кода, такой как Visual Studio, он показывает только Sat-Sun, а когда я запускаю страницу в Edge, он показывает [?]Sat-Sun в браузере. Поэтому недопустимый символ может не отображаться в вашем редакторе кода.

Мое решение - скопировать [?]Sat-Sun в текстовый файл, а затем удалить значок [?] в нем. Затем скопируйте Sat-Sun из текстового файла в редактор кода. После этого страница в браузерах будет отображаться нормально. Вы также можете попробовать это, чтобы удалить недопустимые символы.

Answer 2

Ответ: Был странный символ, который мой редактор Atom не мог видеть: <0x03> Я открыл свой PHP-файл через FTP в Sublime, удалил символ конца текста, сохранил и исправил его. Безумный реквизит Юй Чжоу за подсказку

Answer 3

Вы должны посмотреть свой код PHP. В некоторых случаях, если вы пишете PHP-код, который не нужен или повторяется в файле, браузеры читают его как пробел. У меня возникла та же проблема, и я вернулся к очистке своего кода.