125 lines
7.2 KiB
HTML
125 lines
7.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>JR四国列車運行情報表示支援ブックマークレット</title>
|
|
<script src="./jquery-3.3.1.min.js"></script>
|
|
<script>
|
|
$(function () {
|
|
$("#frame").load("frame.html");
|
|
});
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
|
|
<div class="box" style="background-color: rgba(255, 255, 255, 0.726);">
|
|
<div class="br22"></div>
|
|
<h1>JR四国列車運行情報表示支援ブックマークレット</h1>
|
|
<h2>JR四国の列車運行情報を自動更新させるスクリプトです。</h2>
|
|
<p>設定の仕方：</p>
|
|
<p>1 <a class="btn btn-success" href="javascript:document.getElementById('headerStr').style.display%3D'none'%3Bdocument.getElementById('header').style.height%3D'50px'%3Bdocument.getElementById('main').style.paddingTop%3D'54px'%3Bdocument.querySelector('%23header%20a').style.display%3D'none'%3Bafter()%3Bfunction%20after()%7Btry%7Bdocument.getElementById('refreshIcon').click()%3Bvar%20elements%3Ddocument.querySelectorAll('%5Bonclick%5D')%3Bfor(var%20index%3D0%3Bindex%20%3C%20elements.length%3Bindex%2B%2B)%7Bvar%20element%3Delements%5Bindex%5D%3Bif(element.getAttribute('onclick').indexOf('ShowTrainTimeInfo')!%3D-1)%7Bvar%20test%3Delement.getElementsByTagName(%22p%22)%3Bvar%20test3%3Delement.getAttribute('onclick').split('%22')%3Bvar%20HTrain%3D%22%5Cn%E8%A9%A6%E9%81%8B%E8%BB%A2%22%3Bvar%20RTrain%3D%22%5Cn%E5%9B%9E%E9%80%81%22%3Bvar%20STrain%3D%22%5Cn%E8%87%A8%E6%99%82%E5%88%97%E8%BB%8A%22%3Btest%5B0%5D.innerText%3Dtest%5B0%5D.innerText%2Btest3%5B1%5D%3Bif(test3%5B1%5D.indexOf(%22H%22)!%3D-1)%7Btest%5B0%5D.innerText%3Dtest%5B0%5D.innerText%2BHTrain%3B%7Delse%20if(test3%5B1%5D.indexOf(%22R%22)!%3D-1)%7Btest%5B0%5D.innerText%3Dtest%5B0%5D.innerText%2BRTrain%3B%7Delse%20if(test3%5B1%5D.indexOf(%22S%22)!%3D-1)%7Btest%5B0%5D.innerText%3Dtest%5B0%5D.innerText%2BSTrain%3B%7D%7D%7D%7Dcatch(e)%7B%7DsetTimeout(after%2C15000)%3B%7Dvoid(0);">AndroidやPC、Safari以外のブラウザの人はこちら</a></p>
|
|
<p>↑上を右クリックor長押ししてブックマークへの追加が表示される場合は追加してください(終了)↑</p>
|
|
<p>↓表示されない人は下の文字列をコピー↓</p>
|
|
|
|
<p class="あれ">javascript:document.getElementById('headerStr').style.display%3D'none'%3Bdocument.getElementById('header').style.height%3D'50px'%3Bdocument.getElementById('main').style.paddingTop%3D'54px'%3Bdocument.querySelector('%23header%20a').style.display%3D'none'%3Bafter()%3Bfunction%20after()%7Btry%7Bdocument.getElementById('refreshIcon').click()%3Bvar%20elements%3Ddocument.querySelectorAll('%5Bonclick%5D')%3Bfor(var%20index%3D0%3Bindex%20%3C%20elements.length%3Bindex%2B%2B)%7Bvar%20element%3Delements%5Bindex%5D%3Bif(element.getAttribute('onclick').indexOf('ShowTrainTimeInfo')!%3D-1)%7Bvar%20test%3Delement.getElementsByTagName(%22p%22)%3Bvar%20test3%3Delement.getAttribute('onclick').split('%22')%3Bvar%20HTrain%3D%22%5Cn%E8%A9%A6%E9%81%8B%E8%BB%A2%22%3Bvar%20RTrain%3D%22%5Cn%E5%9B%9E%E9%80%81%22%3Bvar%20STrain%3D%22%5Cn%E8%87%A8%E6%99%82%E5%88%97%E8%BB%8A%22%3Btest%5B0%5D.innerText%3Dtest%5B0%5D.innerText%2Btest3%5B1%5D%3Bif(test3%5B1%5D.indexOf(%22H%22)!%3D-1)%7Btest%5B0%5D.innerText%3Dtest%5B0%5D.innerText%2BHTrain%3B%7Delse%20if(test3%5B1%5D.indexOf(%22R%22)!%3D-1)%7Btest%5B0%5D.innerText%3Dtest%5B0%5D.innerText%2BRTrain%3B%7Delse%20if(test3%5B1%5D.indexOf(%22S%22)!%3D-1)%7Btest%5B0%5D.innerText%3Dtest%5B0%5D.innerText%2BSTrain%3B%7D%7D%7D%7Dcatch(e)%7B%7DsetTimeout(after%2C15000)%3B%7Dvoid(0);</p>
|
|
<div class="gallerybase">
|
|
<img src="./picture/Screenshot_20190409-211419.png" class="gallery">
|
|
<img src="./picture/IMG_0009.PNG" class="gallery">
|
|
<img src="./picture/IMG_0010.PNG" class="gallery">
|
|
</div>
|
|
<p>2 メニューからこのサイトをブックマークに追加してください。</p>
|
|
<div class="gallerybase">
|
|
<img src="./picture/Screenshot_20190409-211426.png" class="gallery">
|
|
<img src="./picture/IMG_0011.PNG" class="gallery">
|
|
</div>
|
|
<p>3 ブックマークの編集をして今登録したページのurlを消去し、コピーした項目をペーストしてください。</p>
|
|
<div class="gallerybase">
|
|
<img src="./picture/Screenshot_20190409-211443.png" class="gallery">
|
|
<img src="./picture/IMG_0012.PNG" class="gallery">
|
|
</div>
|
|
<div class="br22"></div>
|
|
</div>
|
|
<div class="box" style="background-color: rgba(255, 255, 255, 0.726);">
|
|
<div class="br22"></div>
|
|
<h1>使用方法</h1>
|
|
<p>1 JR四国の列車運行情報サイトを表示</p>
|
|
<p>2 見たい路線を表示してからブックマークを起動するだけ</p>
|
|
<div class="br22"></div>
|
|
<p>これで15秒ごとに路線情報が自動更新されます。</p>
|
|
<div class="br22"></div>
|
|
</div>
|
|
<div class="box" style="background-color: rgba(255, 255, 255, 0.726);">
|
|
<div class="br22"></div>
|
|
<h1>お詫びと感謝</h1>
|
|
<h3>Android版アプリの公開は終了しました。</h3>
|
|
<p>4/16確認時点でアプリからのアクセスのみが決め打ちで弾かれていることを確認しました。</p>
|
|
<p>私はこの状況を警告と受け取り回避等の対策は取らずにアプリの公開を停止することとしました。</p>
|
|
<p>もしJR四国が独自アプリを提供するようなことがあるんなら是非参加したいなぁ...</p>
|
|
<p>アプリでのみ実行されていたヘッダーの消去なども上記のスクリプトに追加して更新しましたので是非ブックマークレットの更新の方をお願いします。</p>
|
|
<div class="br22"></div>
|
|
</div>
|
|
<div class="br20"></div>
|
|
<div class="br20"></div>
|
|
<div class="br20"></div>
|
|
<div class="br20"></div>
|
|
|
|
</main>
|
|
<div id="frame"></div>
|
|
</body>
|
|
|
|
<head>
|
|
<style>
|
|
.あれ{
|
|
background-color: aquamarine;
|
|
word-wrap: break-word;
|
|
padding: 10px;
|
|
}
|
|
.gallery {
|
|
width: calc(86% / 3);
|
|
height: 100%;
|
|
margin: 0px;
|
|
padding: 2%;
|
|
}
|
|
|
|
.gallerybase {
|
|
display: flex;
|
|
position: relative;
|
|
width:100%;
|
|
max-width: 700px;
|
|
}
|
|
|
|
.gallerybase::after {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
content: "";
|
|
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
|
|
z-index: -1;
|
|
background: white;
|
|
transform: rotate(5deg);
|
|
width: 100%;
|
|
height: 100%;
|
|
transition: all 300ms 0s;
|
|
}
|
|
|
|
.gallerybase:hover::after {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
.box>.rule {
|
|
text-align: left;
|
|
}
|
|
|
|
.rule>h2::before {
|
|
content: "○";
|
|
}
|
|
|
|
.rule>p::before {
|
|
content: "*";
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
</html> |