{  
  "manifest\_version": 2,  
  "name": "designExtesion",  
  "version": "1.0",  
  "background": {  
    "scripts": \["event.js"\],  
    "persistent": false  
  },  
  "content\_scripts": \[{  
    "matches": \["<all\_urls>"\],  
    "js": \["content.js"\]  
  }\],  
  "permissions": \["activeTab","contextMenus"\]  
}

// 右クリックのメニューを追加  
chrome.runtime.onInstalled.addListener(function(){  
  chrome.contextMenus.create({  
    id: "designModeExtesion",  
    type: "normal",  
    contexts: \['all'\],  
    "title": "designModeExtesion"  
  });  
});// クリック時の挙動を設定  
chrome.contextMenus.onClicked.addListener(function(){  
  chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {  
    chrome.tabs.sendMessage(tabs\[0\].id, {message: "I want to change to designMode!!"}, function(response) {  
      console.log(response);  
    });  
  });  
});

chrome.runtime.onMessage.addListener(  
  function(request, sender, sendResponse) {  
    if (request.message == "I want to change to designMode!!") {  
      document.designMode = "on";  
      var elements = document.querySelectorAll('a');  
      elements.forEach(function (element) {  
        element.addEventListener("click", function(event) {  
          event.preventDefault();  
        }, false);  
      });  
      sendResponse({message: "designMode changed!!"});  
    }  
  }  
);

var target = document.getElementsByTagName("body");

// 「要素.style.プロパティ」と指定する際にはプロパティをlowerCamelCaseで記述します  
target\[0\].style.pointerEvents = "none";