如何在线编辑js源码调试

JavaScript06

如何在线编辑js源码调试,第1张

使用火狐浏览器。安装firebug。

安装后,按F12,打开firebug

找到脚本,启用脚本。

找到要调试的JS文件

在需要断点的地方,鼠标点下左侧

会出现一个红点

执行到这里的时候,就会进行调试了

东拼西凑的,而且只在ie下有效,不过网上有兼容ff的代码,以下是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 http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>无标题文档</title>

</head>

<body>

<input type="button" value="投票" onclick="javascript:addvote()" /><br />

文本:<span id="t"></span>

<script>

loadXML = function(xmlFile){

var xmlDoc

if(window.ActiveXObject){

xmlDoc = new ActiveXObject('Microsoft.XMLDOM')

xmlDoc.async = false

xmlDoc.load(xmlFile)

}

else if (document.implementation&&document.implementation.createDocument){

xmlDoc = document.implementation.createDocument('','',null)

xmlDoc.load(xmlFile)

}

else{

return null

}

return xmlDoc

}

checkXMLDocObj = function(xmlFile){

var xmlDoc = loadXML(xmlFile)

if(xmlDoc==null){

alert('您的浏览器不支持xml文件读取,于是本页面禁止您的操作,推荐使用IE5.0以上可以解决此问题!')

window.location.href='/Index.aspx'

}

return xmlDoc

}

function addvote(){

var xmlDoc = checkXMLDocObj("vote.xml")

var text = xmlDoc.getElementsByTagName("time")[0].childNodes[0]

text.nodeValue++

document.getElementById("t").innerHTML=text.nodeValue

var fso, tf

fso = new ActiveXObject("scripting.FileSystemObject")

// 创建新文件

tf = fso.CreateTextFile("vote.xml", true)

// 填写数据,并增加换行符

tf.WriteLine("<?xml version=\"1.0\" encoding=\"gb2312\"?>")

tf.WriteLine("<vote>")

tf.WriteLine("<time>"+text.nodeValue+"</time>")

tf.WriteLine("</vote>")

// 关闭文件

tf.Close()

}

</script>

</body>

</html>

以下是vote.xml

<?xml version="1.0" encoding="gb2312"?>

<vote>

<time>0</time>

</vote>

最近修改公司vue项目中使用pdf.js来实现在线预览上传的各类文件.由于使用pdf.js在预览时是直接在标签内将src属性赋值为要请求的地址.这就导致一个问题,会直接请求服务器的文件路径地址,而这个服务器文件路径就会暴露出来。处于安全性考虑在预览请求时不再返回地址,改为通过调用普通接口,而是统一返回流(word,pdf)或者base64(jpg,png...)。.前端再进行解析并实现在线预览.

此时遇到第一个问题:

        这个请求是在插件中进行的无法携带项目中封装的各类请求头信息(token..等)。 翻看pdf.js源码及网上总结.发现一个底层方法 

         该方法可传一个对象作为参数,对象内可以添加url(所请求的接口),headers(请求头信息)等.... . 有了这个方法就好处理了.

         最后在将该方法当做变量赋值给pdf的src.大功告成.

         最后再补充一些 : @loaded="docLoaded" @page-loaded ="pageLoaded" 这两个方法为加载预览文件时的loading事件,

最后引一波示例,