<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Leo Ho</title>
    <description>The latest articles on DEV Community by Leo Ho (@leohoxyz).</description>
    <link>https://dev.to/leohoxyz</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F759576%2F2ef208cb-ffa5-49da-affe-304ad3724643.png</url>
      <title>DEV Community: Leo Ho</title>
      <link>https://dev.to/leohoxyz</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/leohoxyz"/>
    <language>en</language>
    <item>
      <title>I wrote a script to bring Chrome DevTools to Android</title>
      <dc:creator>Leo Ho</dc:creator>
      <pubDate>Tue, 23 Nov 2021 06:14:13 +0000</pubDate>
      <link>https://dev.to/leohoxyz/i-wrote-a-script-to-bring-chrome-devtools-to-android-28gd</link>
      <guid>https://dev.to/leohoxyz/i-wrote-a-script-to-bring-chrome-devtools-to-android-28gd</guid>
      <description>&lt;p&gt;Hey everyone, I wrote a script to bring DevTools (based on eruda) to Android Chrome. It works on any website, and you can access it by shaking your phone. It uses a local VPN tunnel to dynamically inject the script into a page. Installation is simple, takes around 10 minutes.&lt;/p&gt;

&lt;p&gt;Some features include:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Execute JavaScript on page&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Select an element on the page to view its properties&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Inspect incoming and outgoing network requests&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;A 1-minute demo: &lt;iframe width="710" height="399" src="https://www.youtube.com/embed/fVCdcvZ7Cv8"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;Feel free to check out the repo here! &lt;/p&gt;
&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--566lAguM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/leohku"&gt;
        leohku
      &lt;/a&gt; / &lt;a href="https://github.com/leohku/andure"&gt;
        andure
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      DevTools for Android Chrome — works on any website, on any Chromium browser.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer" href="https://github.com/leohku/andure./docs/images/banner.png"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_0rXSxOU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/leohku/andure./docs/images/banner.png" alt="Andure Logo"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h1&gt;
Andure — DevTools for Android Chrome&lt;/h1&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer" href="https://camo.githubusercontent.com/d833145159163803efc78e46172afb0ed23c2fa9522814dcc95e7bf5b6392130/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f76657273696f6e2d76312e302e352d626c7565"&gt;&lt;img src="https://camo.githubusercontent.com/d833145159163803efc78e46172afb0ed23c2fa9522814dcc95e7bf5b6392130/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f76657273696f6e2d76312e302e352d626c7565" alt="Version: v1.0.5"&gt;&lt;/a&gt;
&lt;a rel="noopener noreferrer" href="https://camo.githubusercontent.com/029166d85f92969845201e59c3fcd8c8345556036155ff18140f6a9e796173a3/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d677265656e"&gt;&lt;img src="https://camo.githubusercontent.com/029166d85f92969845201e59c3fcd8c8345556036155ff18140f6a9e796173a3/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d677265656e" alt="License: MIT"&gt;&lt;/a&gt;
&lt;a href="https://discord.gg/qGUXpVBqW5" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/b73cf1dd5a4a023cb2dd0cb7c7fede96c0c013d89b68ff8594f3496af6dbf361/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f636861742d646973636f72642d626c756576696f6c6574" alt="Chat: Discord"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Based on &lt;a href="https://github.com/liriliri/eruda"&gt;eruda&lt;/a&gt;, &lt;strong&gt;andure&lt;/strong&gt; dynamically injects web-based DevTools into any website through a local VPN tunnel (using &lt;a href="https://adguard.com/en/blog/everything-about-https-filtering.html" rel="nofollow"&gt;AdGuard HTTPS filtering&lt;/a&gt;), allowing for inspection and debugging similar to desktop Chromium DevTools.&lt;/p&gt;
&lt;p&gt;To start DevTools for a website, &lt;strong&gt;simply shake your phone&lt;/strong&gt; and a prompt will appear.&lt;/p&gt;
&lt;p&gt;To install, follow the &lt;a href="https://github.com/leohku/andure#installation"&gt;installation&lt;/a&gt; section below.&lt;/p&gt;
&lt;h2&gt;
1-Minute Demo&lt;/h2&gt;

  
    

    &lt;span class="m-1"&gt;Andure.Demo.mov&lt;/span&gt;
  
  

  


&lt;p&gt;Visit &lt;a href="https://youtu.be/fVCdcvZ7Cv8" rel="nofollow"&gt;https://youtu.be/fVCdcvZ7Cv8&lt;/a&gt; if the above video cannot be played.&lt;/p&gt;
&lt;h2&gt;
Features&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Execute JavaScript on page&lt;/li&gt;
&lt;li&gt;Select an element on the page to view its properties&lt;/li&gt;
&lt;li&gt;Inspect incoming and outgoing network requests&lt;/li&gt;
&lt;li&gt;Inspect website source&lt;/li&gt;
&lt;li&gt;Show localStorage, and cookie information&lt;/li&gt;
&lt;li&gt;etc.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;See &lt;a href="https://github.com/liriliri/eruda#Features"&gt;eruda docs&lt;/a&gt; for more features.&lt;/p&gt;
&lt;h2&gt;
Installation&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;Download the &lt;a href="https://raw.githubusercontent.com/leohku/andure/main/scripts/activate-on-shake/devtools.js" rel="nofollow"&gt;andure script&lt;/a&gt; from this repo and save it on your phone. (For browsers with &lt;code&gt;devicemotion&lt;/code&gt; disabled, e.g. Brave, there is &lt;a href="https://raw.githubusercontent.com/leohku/andure/main/scripts/persistent/devtools.js" rel="nofollow"&gt;another script&lt;/a&gt; that shows the DevTools button persistently)&lt;/li&gt;
&lt;li&gt;Install &lt;a href="https://adguard.com/en/welcome.html" rel="nofollow"&gt;AdGuard for Android&lt;/a&gt; and enable HTTPS filtering.&lt;/li&gt;
&lt;li&gt;In &lt;code&gt;Settings &amp;gt;&lt;/code&gt;…&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/leohku/andure"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


</description>
      <category>opensource</category>
      <category>webdev</category>
      <category>programming</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
