title: What is the difference between WebDriver and DevTool protocol
body: <p>As we known WebDriver protocol is design for automation test purpose. But the major browsers also provide DevTool protocol. In some cases the DevTool protocol could achieve more powerful interactions and operations compare to WebDriver. </p>
  
  <p>My question is why there are two different protocols and what's the main difference between these two protocols? Is there any selection experience available to share for a project development?</p>
  
  <p>Thanks in advance!</p>
  
  <p>Reference:</p>
  
  <ul>
  <li><p>DevTools</p>
  
  <ul>
  <li><a href="https://docs.microsoft.com/en-us/microsoft-edge/devtools-protocol/" rel="noreferrer">https://docs.microsoft.com/en-us/microsoft-edge/devtools-protocol/</a></li>
  <li><a href="https://chromedevtools.github.io/devtools-protocol/" rel="noreferrer">https://chromedevtools.github.io/devtools-protocol/</a></li>
  <li><a href="https://searchfox.org/mozillacentral/source/devtools/docs/backend/protocol.md" rel="noreferrer">https://searchfox.org/mozillacentral/source/devtools/docs/backend/protocol.md</a></li>
  </ul></li>
  <li><p>WebDriver: </p>
  
  <ul>
  <li><a href="https://www.seleniumhq.org/projects/webdriver/" rel="noreferrer">https://www.seleniumhq.org/projects/webdriver/</a>           </li>
  <li><a href="https://www.w3.org/TR/webdriver1/" rel="noreferrer">https://www.w3.org/TR/webdriver1/</a></li>
  <li><a href="https://docs.microsoft.com/en-us/microsoft-edge/webdriver" rel="noreferrer">https://docs.microsoft.com/en-us/microsoft-edge/webdriver</a>           </li>
  <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/QA/Marionette/WebDriver" rel="noreferrer">https://developer.mozilla.org/en-US/docs/Mozilla/QA/Marionette/WebDriver</a>    </li>
  <li><a href="https://sites.google.com/a/chromium.org/chromedriver/downloads" rel="noreferrer">https://sites.google.com/a/chromium.org/chromedriver/downloads</a></li>
  </ul></li>
  </ul>