SSL化して、windows10パソコンではブラウザ(chrome、Edge、Fire Fox) どれでも、url欄にきれいな鍵が出ている。それなのに、手持ちのiphoneで、chrome、safariで見ると、「安全でないリソースが含まれている」と出るトラブルに直面しました。必死で検索しましたが、そんな問題例って見つからずに、丸一日格闘したんです。


google広告

ソーシャルボタンを疑え!

iphone表示のソースをコピー。PCで表示させると、ちゃんと鍵が出るので大弱りでした。スマホではだめなのか?、iOSが原因か?など考えて迷走、google広告も疑いましたが、表示を停めても現象は変わらない。ところが、iOSのちょっと古いipadでは表示は大丈夫なんです。

ソースコピーしたテストページで、ソーシャルボタン(ツイッター、はてぶ、フェイスブック、グーグル+)の表示が壊れているのを見て、これかも?と直感。外したらOKでした。

ちょっとキツかったです。端末で独自の基準を設けるのはやめてほしい。ユーザーさんに見ていただくのはスマホでも、開発はパソコンでやっている人がほとんどだと思うので、どちらにも同じ基準を適用してほしいものです。

新しいソーシャルボタンに張り替えよう

管理人のブログは、はてぶなどほとんどつきませんので、ソーシャルボタンを外しました。可能性は低いけど、評判がよくなって、多くの記事がバズったら、つける検討をします。

この記事をご覧のあなたは

  1. ソーシャルボタンの表示を停める
  2. スマホブラウザ、PCブラウザ、windows、iOSなどで表示が問題ないか確認
  3. ソーシャルボタンを作り直す

こんな流れになると思います。

google mapsで現在位置情報が取得できない原因がわかりました

iphone7に機種変更して、運営しているサイトを見たとき気が付きました。google mapsで現在地が取得できないんです。 iOS10以上の端末、およびグーグル クロムブラウザでは・・・ 以前から、パソコンでもできな […]

2016年10月21日

さくらサーバで特定ページのssl化を行う

さくらサーバーで運営しているサイトの中で、特定ページ、一部ページをssl化することに取り組んでみました。 できたこと、できなかったこと(というかやらなかったこと) 先に少し結論を書いておきます。管理人はさくらサーバーでワ […]

2016年10月21日

送信されたデータは、このサーバで利用できない証明書です に対応する(さくらサーバ)

サイトのssl化をしていた時、ちょっとハマったというか困ったことがありましたので、記事にします。文字通り、「送信されたデータは、このサーバで利用できない証明書です」と表示され、証明書がインストールできないんです。(さくら […]

2016年10月21日

サイト全体のssl化を行う(ワードプレス さくらサーバ)

サイトの一部をssl化するという流れについて、以前に記事にしました。(参照:さくらサーバで特定ページのssl化を行う)管理人は、自分のサイトに2つのフォルダを持っていて、一つのフォルダでワードプレスを運営。もう一つは、p […]

2016年10月23日

ssl化、iOS10端末、iphone7などで「安全でないリソースが含まれている」表示の時、ここをチェック

SSL化して、windows10パソコンではブラウザ(chrome、Edge、Fire Fox) どれでも、url欄にきれいな鍵が出ている。それなのに、手持ちのiphoneで、chrome、safariで見ると、「安全で […]

2016年10月25日

https接続にしたらBackwpupでエラー。ジョブが開始されましたが、10秒間応答しません。(さくらサーバーの場合)

一度ssl化したら、ほかのサイトも同じ手順で簡単だろうとタカをくくっていたんですが、サイトごとに雨後の筍のように問題が出てくるのは辟易します。今回は表題通り、ssl化したらBackwpupが止まって動かないという問題。 […]

2016年10月27日

ssl化後の自分のサイトへのリンクはできるだけ、「http:」を省いたほうがよさそう

ssl化したのち、読み込む画像やjavascriptのurl「http:」部分、丁寧に拾って削除するか「https:」に変換しました。しかし、テキストのアンカーリンク部分はhttp:のままにしていました。単にブラウザに表 […]

2016年11月04日

さくらサーバー、ラピッドsslの更新手続きを行ってみた

さくらサーバーで、ラピッドsslを導入して1年経ちました。更新手続きの案内が来たのでやってみたんです。サーバーの設定を自分でやり直す必要があるのがちょっと面倒ですね。 契約年数を決める さくらサーバのコンパネから手続きを […]

2017年09月12日

キャプチャ画像はぱくたそさんから引用しました。素敵な写真をありがとうございます。

広告