传敏感数据,通过Javascript得到URL中的参数

即接纳了 https 也休想通过 query strings 传敏感数据

2017/10/16 · 基础技术 ·
HTTPS

本文由 伯乐在线 –
xiaoheike传敏感数据,通过Javascript得到URL中的参数。
翻译,艾凌风
校稿。未经许可,禁止转发!
英文出处:HttpWatch。欢迎到场翻译组。

劳动器端的 log 将公开记下完整 url;浏览器上的访问历史也会公然记下完整
url;Referrer headers 里也忠实记下完全 url,然后在别人家的 谷歌Analytics 上显得。

咱俩平日听到的一个广泛难点是:“URL
中的参数是不是足以高枕无忧地传递到安全网站?”这些标题时常出现在客户看了
HttpWatch 捕获的 HTTPS 请求后,想领悟还有何人可以见见那一个数据。

 

比如说,借使在一个询问中,使用如下安全的 URL 传递密码字符串:

HttpWatch 可以突显安全请求的情节,因为它与浏览器集成,由此它亦可在
HTTPS 请求的 SSL
连接对数据加密之前查看数据。图片 1

假若您使用网络嗅探器查看,例如
Network Monitor,对于同一个呼吁,你只可以够查阅加密随后的数额。在数码包跟踪中并未可见的网址,标题或内容:

图片 2

您可以信任 HTTPS 请求是平安的,只要:

  • 未忽略任何SSL证书警告
  • Web 服务器用于启动 SSL 连接的私钥在 Web 服务器本身之外不可用。

为此,在网络范围,URL 参数是平安的,不过还有部分其余根据 URL
泄漏数据的点子:

  1. URL 存储在 Web 服务器日志中–平日每个请求的完全 URL
    都被存放在在服务器日志中。那象征 URL
    中的任何敏感数据(例如密码)会以公开方式保留在服务器上。以下是应用查询字符串通过
    HTTPS 发送密码时存储在 httpwatch.com 服务器日志中的条目:
    **2009-02-20 10:18:27 W3SVC4326 WWW 208.101.31.210 GET
    /Default.htm password=mypassword 443 …
    平日认为尽管是在服务器上,仓储明文密码平昔都不是好想法
    2.URLs are stored in the browser history – browsers save URL
    parameters in their history even if the secure pages themselves are
    not cached. Here’s the IE history displaying the URL parameter:
  2. URL 存储在浏览器历史记录中–固然安全网页本身未缓存,浏览器也会将
    URL 参数保存在其历史记录中。以下是 IE 的历史记录,突显了 URL
    的哀求参数:图片 3

假如用户创造书签,查询字符串参数也将被储存。

  1. URLReferrer 请求头中被传送–假诺一个安全网页使用资源,例如
    javascript,图片或者分析服务,URL 将通过 Referrer
    请求头传递到每一个平放对象。有时,查询字符串参数可能被传送并存放在第三方站点。在
    HttpWatch 中,你可以看出大家的密码字符串正被发送到
    Google Analytics图片 4

结论

化解那几个标题亟需两步:

  • 除非在相对须要的情景下传递敏感数据。一旦用户被认证,最好使用具有有限生命周期的会话
    ID 来标识它们。

选用会话层级的 cookies 传递音信的长处是:

  • 它们不会蕴藏在浏览器历史记录中或磁盘上
  • 它们平日不存储在服务器日志中
  • 它们不会传递到嵌入式资源,例如图片或 JavaScript
  • 它们仅适用于请求它们的域和途径

以下是大家的在线公司中,用于识别用户的 ASP.NET 会话 cookie 示例:

图片 5

请注意,cookie 被限定在域
store.httpwatch.com,并且在浏览器会话截至时过期(即不会储存到磁盘)。

你当然可以经过 HTTPS
传递查询字符串,可是不要在可能出现安全难点的光景下行使。例如,你可以安全的利用它们展现部分数字如故项目,像
accountview 或者
printpage,但是不用采纳它们传递密码,信用卡号码或者其余不应有公开的音讯。

1 赞 收藏
评论

How to get the query string by javascript?,querystring

1.html:

<a href="2.html?name=geovindu&sex=woman&age=12">test getQueryString</a>

2.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>javascript获取url参数和script标签中获取url参数</title>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js1.js?a=abc&b=汉字&c=123"></script>
<script type="text/javascript">
//lastest: url paramter: //测试链接:<a href="2.html?name=geovindu&sex=woman&age=12">test getQueryString</a>
var queryStrings=function() {//get url querystring
    var params=document.location.search,reg=/(?:^\?|&)(.*?)=(.*?)(?=&|$)/g,temp,args={};
    while((temp=reg.exec(params))!=null) args[temp[1]]=decodeURIComponent(temp[2]);
    return args;
};
//只取一个:
var queryString=function(key){
    return (document.location.search.match(new RegExp("(?:^\\?|&)"+key+"=(.*?)(?=&|$)"))||['',null])[1];
}




</script>
</head>

<body>
<div id="urlparamter"></div>
<div id="all"></div>
<div id="scriptparamter"></div>
<div id="allscript"></div>
<script type="text/javascript">
var args=queryStrings();
document.getElementById("all").innerHTML=args.name+" | "+args.sex+" | "+args.age+",all";
//alert(args.name+" | "+args.sex+" | "+args.age);
var argsname=queryString("name");
var argssex=queryString("sex");
var argsage=queryString("age");
document.getElementById("urlparamter").innerHTML =argsname+","+argssex+","+argsage;


</script>
</body>

</html>

  js1.js:

/*http://css.dusystem.com/example/index.html
window.location.protocol = "http:"
window.location.host = "css.dusystem.com"
window.location.pathname = "example/index.html"
http://stackoverflow.com/questions/901115/how-can-i-get-query-string-values-in-javascript
http://www.cnblogs.com/sohighthesky/archive/2010/01/21/1653126.html
http://www.codeproject.com/Tips/574956/How-to-get-URL-and-QueryString-value-in-an-ASP-NET

test: <a href="1.html?id=5&type=1&flag=0" title="d">test</a>
*/

var strget="du";

function getArgs(strParame) 
{
var args = new Object( );
var query = location.search.substring(1); // Get query string
var pairs = query.split("&"); // Break at ampersand
for(var i = 0; i < pairs.length; i++) {
var pos = pairs[i].indexOf('='); // Look for "name=value"
if (pos == -1) continue; // If not found, skip
var argname = pairs[i].substring(0,pos); // Extract the name
var value = pairs[i].substring(pos+1); // Extract the value
value = decodeURIComponent(value); // Decode it, if needed
args[argname] = value; // Store as a property
}
return args[strParame]; // Return the object
}

//script paramter:
var getScriptArgs=function(){
//获取多个参数
    var scripts=document.getElementsByTagName("script"),
    script=scripts[scripts.length-1],//因为当前dom加载时后面的script标签还未加载,所以最后一个就是当前的script
    src=script.src,
    reg=/(?:\?|&)(.*?)=(.*?)(?=&|$)/g,
    temp,res={};
    while((temp=reg.exec(src))!=null) res[temp[1]]=decodeURIComponent(temp[2]);
    return res;
};

//
var argsscript=getScriptArgs();
//document.getElementById("scriptparamter").innerHTML =argsscript.a+" | "+argsscript.b+" | "+argsscript.c;
strget=argsscript.a;
//alert(argsscript.a+" | "+argsscript.b+" | "+argsscript.c+","+strget);
//document.getElementById("txtput").value=strget;
//document.getElementById("scriptparamter").innerHTML ="ge";
//txtput

//假如上面的js是在这个js1.js的脚本中<script type="text/javascript" src="js1.js?a=abc&b=汉字&c=123//"><//script>

var getScriptArg=function(key){//获取单个参数
    var scripts=document.getElementsByTagName("script"),
    script=scripts[scripts.length-1],
    src=script.src;
    return (src.match(new RegExp("(?:^\\?|&)"+key+"=(.*?)(?=&|$)"))||['',null])[1];
};
alert(getScriptArg("c"));


//set value
window.onload = function () {   

    getCommunitys(strget);
}

function getCommunitys(str) {
$("#scriptparamter")[0].innerHTML="ges";
//document.getElementById("scriptparamter").innerHTML =str;
document.getElementById("txtput").value=str;
}

  

to get the query string by
javascript?,querystring 1.html: a
href=”2.html?name=geovindusex=womanage=12″test getQueryString/a 2.html:
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1…

俺们领略,”GET”请求中,经常把参数放在URL前边,比如那样

里头,粉色部分便是URL中的参数。

至于小编:xiaoheike

图片 6

简介还没赶趟写 :)
个人主页 ·
我的小说 ·
10 ·
     

图片 7

那就是说,如何通过Javascript获得它吗?而且怎么从那样一堆字符串中找到自己所急需的参数所对应的值吗?

方法一:

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);
    return results == null ? "": decodeURIComponent(results[1]);
}

console.log(getParameterByName("param")) //yes

1.html:

先来解释下这段代码吧:

<a href="2.html?name=geovindu&sex=woman&age=12">test getQueryString</a>

1:定义一个 getParameterByName
函数,接收须要查询的参数的key,然后重返这一个参数的value

2.html:

2:name = name.replace(/[\[]/, “\\\[“).replace(/[\]]/,
“\\\]”);
那句代码的功效是把 “[”  换成 “\[” , 把 “]” 换成 “\]”
,之所以做如此一个变换,是因为上边须要使用name那几个变量去协会一个正则表明式,而
[ 和 ] 在正则中是非同儿戏字,所以必要转义。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>javascript获取url参数和script标签中获取url参数</title>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js1.js?a=abc&b=汉字&c=123"></script>
<script type="text/javascript">
//lastest: url paramter: //测试链接:<a href="2.html?name=geovindu&sex=woman&age=12">test getQueryString</a>
var queryStrings=function() {//get url querystring
    var params=document.location.search,reg=/(?:^\?|&)(.*?)=(.*?)(?=&|$)/g,temp,args={};
    while((temp=reg.exec(params))!=null) args[temp[1]]=decodeURIComponent(temp[2]);
    return args;
};
//只取一个:
var queryString=function(key){
    return (document.location.search.match(new RegExp("(?:^\\?|&)"+key+"=(.*?)(?=&|$)"))||['',null])[1];
}




</script>
</head>

<body>
<div id="urlparamter"></div>
<div id="all"></div>
<div id="scriptparamter"></div>
<div id="allscript"></div>
<script type="text/javascript">
var args=queryStrings();
document.getElementById("all").innerHTML=args.name+" | "+args.sex+" | "+args.age+",all";
//alert(args.name+" | "+args.sex+" | "+args.age);
var argsname=queryString("name");
var argssex=queryString("sex");
var argsage=queryString("age");
document.getElementById("urlparamter").innerHTML =argsname+","+argssex+","+argsage;


</script>
</body>

</html>

3 var regex = new RegExp(“[\\?&]” + name + “=([^&#]*)”)

  js1.js:

那句代码相比简单,匹配 ? 或者 & 然后是 name 然后是 = 和 非(&或者#)。

发表评论

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

网站地图xml地图