【澳门葡京】confirm提醒音信去除url,在网页中放到Base64编码文件

明日写移动端项目用alert和confirm进行音信提醒,但意识在iOS系统中,每便提醒消息上边都会被添加一行U福特ExplorerL地址,安卓却从未,经过查找之后,果然情理之中,包容!!包容!!!包容!!!

世家也许注意到了,网页上有个别图片的src或css背景图片的url前边跟了一大串字符,比如:data:image/png;base64, iVBO大切诺基w0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGX卡宴FWH奥迪Q5Tb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWLAND5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/ KEAUFF劲客0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/ LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D。那么那是哪些吧?那是Data
UCR-VI scheme。
Data U安德拉I
scheme是在LANDFC2397中定义的,指标是将部分小的数码,直接嵌入到网页中,从而不用再从表面文件载入。比如上边这串字符,其实是一张小图片,将那些字符复制黏贴到火狐的地方栏中并转到,就能收看它了,一张1X36的烟灰png图片。
【澳门葡京】confirm提醒音信去除url,在网页中放到Base64编码文件。在上头的Data UEnclaveI中,data代表收获数据的签订名称,image/png
是数据类型名称,base64
是数额的编码方法,逗号后边正是以此image/png文件base64编码后的数码。
眼下,Data U中华VI scheme帮衬的品类有:
data:,文本数据
data:text/plain,文本数据
data:text/html,HTML代码
data:text/html;base64,base64编码的HTML代码
data:text/css,CSS代码
data:text/css;base64,base64编码的CSS代码
data:text/javascript,Javascript代码
data:text/javascript;base64,base64编码的Javascript代码
data:image/gif;base64,base64编码的gif图片数据
data:image/png;base64,base64编码的png图片数据
data:image/jpeg;base64,base64编码的jpeg图片数据
data:image/x-icon;base64,base64编码的icon图片数据
base64简单地说,它把部分 8-bit 数据翻译成标准 ASCII
字符,网上有过多免费的base64
编码息争码的工具,在PHP中得以用函数base64_encode() 进行编码,如echo
base64_encode(file_get_contents(‘wg.png’));
此时此刻,IE捌 、Firfox、Chrome、Opera浏览器都协助那种小文件嵌入。
举个图片的例子:
网页中一张图片能够如此展现:

澳门葡京,我们兴许注意到了,网页上有点图片的src或css背景图片的url前面跟了一大串字符,比如:data:image/png;base64, iVBOOdysseyw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXKugaFWH奥德赛Tb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYW昂科拉5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/ KEAUFF福特Explorer0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/ LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D。那么那是什么吗?那是Data
U智跑I scheme。
Data UEnclaveI
scheme是在LacrosseFC2397中定义的,目标是将一部分小的多少,直接嵌入到网页中,从而不用再从表面文件载入。比如上边那串字符,其实是一张小图片,将这几个字符复制黏贴到火狐的地址栏中并转到,就能看到它了,一张1X36的鲜青png图片。

Data URI scheme。
Data U奥迪Q7I
scheme是在景逸SUVFC2397中定义的,指标是将某些小的数目,直接嵌入到网页中,从而不用再从外表文件载入。比如下边那串字符,其实是一张小图片,将这么些字符复制黏贴到火狐的地址栏中并转到,就能看到它了,一张2*2的白色gif图片。
在上头的Data
UCR-VI中,data表示收获数据的签订名称,image/gif是数据类型名称,base64
是数量的编码方法,逗号后边正是那么些image/gif文件base64编码后的数量。
现阶段,Data U奥迪Q3I scheme补助的连串有:
data:,文本数据
data:text/plain,文本数据
data:text/html,HTML代码
data:text/html;base64,base64编码的HTML代码
data:text/css,CSS代码
data:text/css;base64,base64编码的CSS代码
data:text/javascript,Javascript代码
data:text/javascript;base64,base64编码的Javascript代码
data:image/gif;base64,base64编码的gif图片数据
data:image/png;base64,base64编码的png图片数据
data:image/jpeg;base64,base64编码的jpeg图片数据
data:image/x-icon;base64,base64编码的icon图片数据
base64简单地说,它把一部分 8-bit 数据翻译成标准 ASCII
字符,网上有广大免费的base64
编码和解码的工具,在PHP中得以用函数base64_encode()
进行编码,如echo
base64_encode(file_get_contents(‘images/log.gif”’));
时下,IE八 、Firfox、Chrome、Opera浏览器都援救那种小文件嵌入。
举个图片的例证:
网页中一张图纸能够那样彰显:

亟待重新alert和confirm,不赘述,,看代码!

<img src=“;

在地点的Data URubiconI中,data表示收获数据的签订名称,image/png
是数据类型名称,base64
是多少的编码方法,逗号前边就是那个image/png文件base64编码后的数码。
现阶段,Data U本田CR-VI scheme协助的档次有:
data:,文本数据
data:text/plain,文本数据
data:text/html,HTML代码
data:text/html;base64,base64编码的HTML代码
data:text/css,CSS代码
data:text/css;base64,base64编码的CSS代码
data:text/javascript,Javascript代码
data:text/javascript;base64,base64编码的Javascript代码
data:image/gif;base64,base64编码的gif图片数据
data:image/png;base64,base64编码的png图片数据
data:image/jpeg;base64,base64编码的jpeg图片数据
data:image/x-icon;base64,base64编码的icon图片数据
base64不难地说,它把一部分 8-bit 数据翻译成标准 ASCII
字符,网上有过多免费的base64
编码和解码的工具,在PHP中得以用函数base64_encode() 实行编码,如echo
base64_encode(file_get_contents(‘wg.png’));
当下,IE八 、Firfox、Chrome、Opera浏览器都支持那种小文件嵌入。
举个图片的事例:
网页中一张图纸能够这么突显:

<img src=“;

alert重写

也得以这么突显:

<img src=“;

也得以这么突显:

<script type="text/javascript">  
var wAlert = window.alert;    
window.alert = function (message) {    
    try {    
        var iframe = document.createElement("IFRAME");    
        iframe.style.display = "none";    
        iframe.setAttribute("src", 'data:text/plain,');    
        document.documentElement.appendChild(iframe);    
        var alertFrame = window.frames[0];    
        var iwindow = alertFrame.window;    
        if (iwindow == undefined) {    
            iwindow = alertFrame.contentWindow;    
        }    
        iwindow.alert(message);    
        iframe.parentNode.removeChild(iframe);    
    }    
    catch (exc) {    
        return wAlert(message);    
    }    
}    
</script>  

<imgsrc=“data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D”/>

也能够这么突显:

<img src=“data:image/gif;base64,R0lGODlhAgACAIAAAP///wAAACwAAAAAAgACAAACAoRRADs=”/>

confirm重写

大家把图像文件的始末向来写在了HTML
文件中,那样做的好处是,节省了一个HTTP
请求。坏处呢,正是浏览器不会缓存这种图像。

<imgsrc=“data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D”/>

咱俩把图像文件的剧情一向写在了HTML 文件中,那样做的便宜是,节省了三个HTTP
请求。坏处呢,正是浏览器不会缓存那种图像。

<script>
var wConfirm = window.confirm;    
window.confirm = function (message) {    
    try {    
        var iframe = document.createElement("IFRAME");    
        iframe.style.display = "none";    
        iframe.setAttribute("src", 'data:text/plain,');    
        document.documentElement.appendChild(iframe);    
        var alertFrame = window.frames[0];    
        var iwindow = alertFrame.window;    
        if (iwindow == undefined) {    
            iwindow = alertFrame.contentWindow;    
        }    
        var result=iwindow.confirm(message);    
        iframe.parentNode.removeChild(iframe);    
        return result;  
    }    
    catch (exc) {    
        return wConfirm(message);    
    }    
}   

var r=confirm("Press a button");  
if (r==true)  
{  
    document.write("You pressed OK!");  
}  
else  
{  
    document.write("You pressed Cancel!");  
}  
</script> 

在线转换为Base64编码网站:

 

接下来领会到html中data类型的url如下:

我们把图像文件的剧情一贯写在了HTML
文件中,那样做的便宜是,节省了3个HTTP
请求。坏处呢,正是浏览器不会缓存那种图像。

html中data类型的url

data:,<文本数据>

data:text/plain,<文本数据>

data:text/html,<HTML代码>

data:text/html;base64,<base64编码的HTML代码>

data:text/css,<CSS代码>

data:text/css;base64,<base64编码的CSS代码>

data:text/javascript,<Javascript代码>

data:text/javascript;base64,<base64编码的Javascript代码>

data:image/gif;base64,base64编码的gif图片数据

data:image/png;base64,base64编码的png图片数据

data:image/jpeg;base64,base64编码的jpeg图片数据

data:image/x-icon;base64,base64编码的icon图片数据

在线转换为Base64编码网站:

 

 

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website