浏览器书签工具栏中的javascript按钮

JE的第一帖,测试一下代码功能

最早好像是在Opera中看到这样的功能,Opera的Dom viewer和Js debugger。

最近发现Google reader里也可以通过同样的办法添加Note。

搜索了一下,相似的功能很多,比如Reading Blinds。

其实原理很简单,标签的URL支持js代码,像这样写:

Google Reader的例子:

javascript:var%20b=document.body;var%20GR________bookmarklet_domain='https://www.google.com';if(b&&!document.xmlVersion){void(z=document.createElement('script'));void(z.src='https://www.google.com/reader/ui/link-bookmarklet.js');void(b.appendChild(z));}else{}

把代码格式化一下就看的很清楚了:
  

    javascript:
    var b=document.body;
    var GR________bookmarklet_domain='https://www.google.com';
    if(b&&!document.xmlVersion)
        {
          void(z=document.createElement('script'));
          void(z.src='https://www.google.com/reader/ui/link-bookmarklet.js');
          void(b.appendChild(z));
        }
    else{
        }


    通过标签按钮调用这一段代码,将自定义的js文件追加到当前页面。

    在本地写一个js,可以实现一些有意思的功能。

你可能感兴趣的:(JavaScript,UI,浏览器,Google,Opera)