Chromeデベロッパーツールについて

Question

google Chromeのファイル名について

目的：
画面左上の
Skip to Main Contentの表示を消したい。

ツール
Chromeデベロッパーツール

Elementタブで青く表示された部分を消去、SourceからSave Asを
選んでローカル環境に落としたのち、ftpでサーバに更新すれば直るかと思うのですが
肝心のファイル名がわかりません。。

index.phpだと思われるのですが、格納さレテいるindex.phpの中身は同じ
内容ではありませんでした。

どなたかここを見ればいいよ、とご存知の方おりました何卒お願いいたします。

Comments

[miyabi_pudding]

urlみないとなんとも言えないですね・・・。
もしかして、WordpressなどのCMSないし、ヘッダーなど共通部分をPHPで動的にだしてるかもしれないですし。
該当サイトのURLは、提示可能ですか？可能であれば質問に記載お願いします。

[m.ts10806]

phpとしたら画面に出ている内容はそのphpから画面出力の指示があった場所だけですからね。phpコードがまるっと出るわけではないです（出たらそれはもはやサーバーサイドの意味がありません）

[Yukidarumannnnn]

ご連絡いただきありがとうございます。
サイトはこちらになります。
http://japanworldlink.jp/

[m.ts10806]

一応、質問本文にそのURLを追記しておいてください。
ちなみに念のため聞きますがご自身が運営されているサイトですよね？

Answer 1

Elementタブで青く表示された部分を消去、SourceからSave Asを

選んでローカル環境に落としたのち、ftpでサーバに更新すれば直るかと思うのですが
肝心のファイル名がわかりません。。

いえ、なおりません。

提示のサイトを見たところWordPressで作られているようですね。
各種素材がwp-contentsというようなURLからあったりmetaに埋め込まれているところから判断しました。
ということは、CMSです。
PHPで動的にページが描画されていることになります。
index.phpを読んでいるかもしれませんが、URLによってそのindex.phpから振り分けて各ページ表示用の機能を呼び出しているだけのはずでず。

デベロッパーツールのSaveAsで保存できるのは、あくまでそのときに画面に表示されているHTMLだけです。
それをindex.phpとしてダウンロードしてftpにアップロードしたらどうなるか・・？
そうですね。本来URLを解析して振り分けている機能がなくなってしまいますね。
やってしまう前にindex.phpの中身を見てみると良いです。

---

ということで、別の角度で探していく必要がありますが、
提示されている情報だけで「ここ」と確定するのは提示のサイトに関わっていない他人には無理です。
「こういうところを見てみてください」というアドバイスしかできません。

見たところ、ほぼ全てのページに表示されているようですから、
何か共通パーツを表示させるプログラム、ないしhtmlファイルのようなものが読み込まれているのではないでしょうか。
WordPressだとテーマを利用されますよね。そのテンプレート部分とか、探してみてください。

もしかしたらテンプレートに直に書かれていなかったりデータベースに保管されている情報かもしれませんが、そこは次の段階として、ひとまずファイル内を提示の文言「Skip to Main Content」でGrepかけてみると良いですね。

---

なお、探す前に、修正を掛ける前にバックアップをとってください。
ファイル、データ全てです。
もし修正をミスしてしまった場合、すぐに戻せるようにしてから探し始めてください（探している最中に無意識に何かしら手を入れてしまったとかよくあります）

Comments

[Yukidarumannnnn]

ご丁寧にありがとうございました。

ファイルから探していくのは時間がかかるかもしれませんが、選択肢が絞られたお陰で
見えてきました！

headerとかから初めて、一つ一つ見ていきたいと思います。

ありがとう御座いました。

[m.ts10806]

Grepかけたら多少待ちますがコマンド１つですよ。
全ファイルをダウンロードしてきてGrep機能のあるエディタから実行するか、
サーバーにログインできるならサーバーログインしてGrep実行してください。

grepとは何？ Weblio辞書
https://www.weblio.jp/content/grep

[Yukidarumannnnn]

そのような機能のあるeditorがあるのですね。助かります。

サイトは修正依頼を受けておりますサイトになります。

[m.ts10806]

使われている環境がわかりませんが「grep テキストエディタ」というキーワードで調べてください。
ftpが使えるということは全ファイルダウンロードも可能なのでしょうから、
まず回答の最後に書いたように「データ（データベースのことです）」「プログラム含めた全ファイル」をバックアップとることから始めてください。

[Yukidarumannnnn]

承知しました。最後までありがとうございます

[m.ts10806]

解決の糸口となったようで何よりです。

[Yukidarumannnnn]

VisualStudioCodeでダウンロードした全ファイルから”skip to Main Content”で調べたところ
skiptomaincontent.phpというファイルがあったので、こちらの中身から”skip to Main Content”の個所を削除したところ、表示されなくなりました。
有難うございました。

[m.ts10806]

解決されたようで何よりです