Line的網址Debug工具，line分享過的網址換縮圖或標題

之前在社群上分享網址，分享過的網址，若遇到要換縮圖或標題，在Facebook上有網址debug工具:https://developers.facebook.com/tools/debug，但是在Line上一直沒有辦法清除cache，之前只能在分享的網址後面加上參數強迫Line分享時讀取新的縮圖或標題(ex: https://blog.com/index.html?v=2)

後來找到了Line終於出的網址debug工具，記錄如下：

https://poker.line.naver.jp/

把網址貼入，勾選Update Cache ,Update Image Cache 後（language不知有什麼差別，實際填入en,tw... 好像都可以），之後按下Submit即可

ajax 使用form格式post 資料

Html部分：

	

  <form id="myForm" action="getPost.php" class='col-12 col-md-5 mx-auto'>
    <div class="form-group">
      <label for="data1">Email:</label>
      <input type="email" class="form-control" id="data1" name="data1" aria-describedby="emailHelp" autocomplete required>
      <small id="emailHelp" class="form-text text-muted">請輸入E-mail</small>
    </div>
    <div class="form-group">
      <label for="data2">Password</label>
      <input type="password" class="form-control" id="data2" name="data2" autocomplete required>
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
  </form>

Jquery 部分：

$(function(){

      $( "#myForm" ).on( "submit", function(event) {

        event.preventDefault();        
        var form = $(this);
        var url = form.attr('action');

        $.ajax({
          type: "POST",
          url: url,
          data: form.serialize(), // 把form內的物件序列化.
          success: function(data)
          {
            //alert(data);

            if(data==1){
              alert('成功');
              //window.location.href='index.php';
            }else if(data == 0){
              alert('失敗');
              return false; 
            };

          }
        });       
      });

})

接收的PHP這一端，就直接以$_POST[""]接收傳過來的各個值

相關：不使用form的方式，直接用id或class讀取input的vlaue值post

希望網頁頁面限制在一個瀏覽器內只能在一個分頁中被開啟時 Storage Event 在safari上的Bug

在實作希望網頁頁面限制在一個瀏覽器內只能在一個分頁中被開啟時使用了以下的方法（參考自此）

		
// Broadcast that you're opening a page.
  localStorage.openpages = Date.now();
  var onLocalStorageEvent = function(e){
  
      if(e.key == "openpages"){
          // Listen if anybody else is opening the same page!
          localStorage.page_available = Date.now();
      }

      if(e.key == "page_available"){
          alert("您已在其他分頁開啟過此頁面");
          return false;
      }

  };
  
  window.addEventListener('storage', onLocalStorageEvent, false);

以上的方法在chrome、firefox等瀏覽器上皆可正常運作，但是在safari上會有問題，警告會在第一個分頁就跳出
目前有被回報為safari的bug -> Storage events are fired for the same tab 

暫時可解的方法是在function內加上!document.hasFocus()，如下 （參考自此）

上述解法還是有問題，目前尚未找到有效解決方式