Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <meta content="width=device-width" name="viewport">
    <title>Translate Attribute Test - dskd</title>
  </head>
  <body>
    <h1 id="can-translate-service-understands-translate-attribute">Can translate service understands &#39;<span translate="no">translate</span>&#39; attribute?</h1>
    
    <p>Below <span class="elem">&lt;div&gt;</span> element has '<span translate="no">translate=no</span>'.</p>
    
    <div translate="no" class="target">[11:34:21] Using gulpfile ~/develop/mbrs/test-yargs/gulpfile.js [11:34:21] Starting 'test'... { _: [ 'test' ], name: 'oti', male: true, female: 'false', 'rain bringer': true, note: 'oti is not real name.', '$0': '/Users/tkg/.nodebrew/current/bin/gulp' } [11:34:21] Finished 'conslog' after 1.83 ms</div>
    
    <div class="border"></div>
    
    <p>Below <span class="elem">&lt;code&gt;</span> element has '<span translate="no">translate=no</span>'.</p>
    
    <p><code translate="no" class="target">[11:34:21] Using gulpfile ~/develop/mbrs/test-yargs/gulpfile.js
[11:34:21] Starting 'test'...
{ _: [ 'test' ], name: 'oti', male: true, female: 'false', 'rain bringer': true, note: 'oti is not real name.', '$0': '/Users/tkg/.nodebrew/current/bin/gulp' }
[11:34:21] Finished 'conslog' after 1.83 ms</code></p>
    
    <div class="border"></div>
    
    <p>Below <span class="elem">&lt;pre&gt;</span> element has '<span translate="no">translate=no</span>'.</p>
    
    <pre translate="no" class="target">[11:34:21] Using gulpfile ~/develop/mbrs/test-yargs/gulpfile.js
[11:34:21] Starting 'test'...
{ _: [ 'test' ], name: 'oti', male: true, female: 'false', 'rain bringer': true, note: 'oti is not real name.', '$0': '/Users/tkg/.nodebrew/current/bin/gulp' }
[11:34:21] Finished 'conslog' after 1.83 ms</pre>
    <div class="border"></div>
    
    <p>Below <span class="elem">&lt;samp&gt;</span> element has '<span translate="no">translate=no</span>'.</p>
    
    <p><samp translate="no" class="target">[11:34:21] Using gulpfile ~/develop/mbrs/test-yargs/gulpfile.js [11:34:21] Starting &#39;test&#39;... { _: [ &#39;test&#39; ], name: &#39;oti&#39;, male: true, female: &#39;false&#39;, &#39;rain bringer&#39;: true, note: &#39;oti is not real name.&#39;, &#39;$0&#39;: &#39;/Users/tkg/.nodebrew/current/bin/gulp&#39; } [11:34:21] Finished &#39;conslog&#39; after 1.83 ms</samp></p>
    
    <div class="border"></div>
    
    <p>Below <span class="elem">&lt;kbd&gt;</span> element has '<span translate="no">translate=no</span>'.</p>
    
    <p><kbd translate="no" class="target">[11:34:21] Using gulpfile ~/develop/mbrs/test-yargs/gulpfile.js [11:34:21] Starting 'test'... { _: [ 'test' ], name: 'oti', male: true, female: 'false', 'rain bringer': true, note: 'oti is not real name.', '$0': '/Users/tkg/.nodebrew/current/bin/gulp' } [11:34:21] Finished 'conslog' after 1.83 ms</kbd></p>
    
    <div class="border"></div>
    
    <p>Below is nesting '<span translate="no">translate</span>' sample. outer <span class="elem">&lt;div&gt;</span> element has '<span translate="no">translate=no</span>'. inner <span class="elem">&lt;p&gt;</span> element has '<span translate="no">translate=yes</span>'.</p>
    
    <div translate="no" class="target">
      <p translate="yes">this p element has 'translate=yes'. below <span class="elem">&lt;pre&gt;</span> element doesn't have 'translate' attribute. these parent <span class="elem">&lt;div&gt;</span> element has 'translate=no'.</p>
      <pre>[11:34:21] Using gulpfile ~/develop/mbrs/test-yargs/gulpfile.js
[11:34:21] Starting 'test'...
{ _: [ 'test' ], name: 'oti', male: true, female: 'false', 'rain bringer': true, note: 'oti is not real name.', '$0': '/Users/tkg/.nodebrew/current/bin/gulp' }
[11:34:21] Finished 'conslog' after 1.83 ms</pre>
    </div>
    
    <hr>
    
    <p><a href="/archives/69.html">back to post</a></p>
​
    <footer class="demo-footer"><small class="demo-footer__item">published by <a href="https://dsld.jp/">dskd.jp</a> on <time datetime="2015-10-20T03:17:22+09:00">2015-10-20</time></small>
      <p class="demo-footer__item">related to<a href="https://dskd.jp/archives/69.html">https://dskd.jp/archives/69.html</a></p>
    </footer>
  </body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers