ブログの困ったを解決

Androidだけで文字化けが起こるのは、MarsEdit4のショートカット機能の使い方にあった!!

2018年10月23日

サムネ-Android文字化け

自分のブログの投稿記事を自分でチェックしたときの話です。

パソコンからのチェックはなーんにも問題なし。

だけど、スマホからチェックしたら、、、、

四角バツの文字化けのコピー

これ→四角バツ 拡大なに?

文字化け

この四角にバツは、「文字化け」だそうです。

ちょっと調べまーす!!

考察

今回のこの症状は、

Androidのスマホだけで文字化けしてる状態。(確認したのはAndroid6.0系)


Mac MojaveでもWin10でもWin8.1でもiPhoneでも、こんな文字化け、出ないんです汗汗


でも、そもそも
なんにも文字/絵文字を入力してないところで
文字化け起こしてる
状態。。。

どういうこと?

なにも入力してないのに文字化けだと?、、、

てことはエンコードの問題かー??

自分のブログだけで文字化け

でもちょっと待てよ

他のサイトでは全く文字化けしてない。

自分のブログだけで文字化けしてる。

ならば原因はエンコードじゃないな。

文字化けを起こしている場所と理由の特定

とにかくまずは対症療法でも何でもいいから、現状を解決したい(涙)
まずは文字化けを起こしている場所の特定をしよう!!

ということで

『エディタの原文』と『ブラウザ上で文字化けするところ』を見比べるとすぐに
文字化けを起こしている場所が特定できました!!

<p>タグを使っているところ

と
<br>タグを使っているところ


次に理由を考えてみる。

まずこの文字化けは、ぼくのサイトだけで起こっている。

で、現状として
<p>タグと<br>タグを使っているところが文字化け。

てことは、原因はエディタじゃないか??と目星がついた。

さらによく状態を見る&文字化け改善法

たとえばエディタで

文字化け例文 エディタ

と、入力していると、Androidスマホでは

文字化け例文 スマホ

と表示される。

これをよーく見比べると、文字化けが表示される位置が

  • <p>タグの直後
  • <br>タグの直後
  • </p>タグの直前

であることがわかりました。

事情はわからんが、エディタの原文のその位置に

『目に見えない文字』があるはず!!

じゃdeleteで消せばいいじゃん!!

ということで、実際何もない虚空をぼくはせっせこせっせこ

地道に削除しました!!

その結果、、、

文字化け例文 消えたよ

消えました!!

やったーーーーー!!!!

でもそもそもこれって、根本の原因はなんだ?

文字化けの原因は、『エディタのショートカット入力機能』の使い方

完全にこれが原因。

どういうことかっていうと、、、

ぼくはpタグやbrタグを書くとき、

エディタのショートカット入力機能で

ポンとボタンを押すと

Pタグ

Brタグ

となるようにしてたんです。

つまり、、、、

pタグの間に改行2つ、brの直後に改行1つ入るようにしてたことが原因だったのです!!

ショートカットで入力してた『改行』が原因だったのです!!!!

まとめ

ぼくの使ってるエディタは

MarsEdit4!!

と今回の話の流れで書くと、マイナスイメージに取られてしまうと思いますが、
違うんです。

原因はMarsEdit4ではなく、
ぼくのショートカットキーの使い方が悪かっただけなんです!!

MarsEdit4は、本当に素晴らしいエディタなんです!!

だけど、ショートカットキーを登録する際だけは、ご注意ください♡

ショートカットに改行登録はNG!!

-ブログの困ったを解決
-

© 2018 パソジユ!All Rights Reserved.