![[求助] python 如何爬取 网页上调用JS函数打开的视频链接](/aiimages/%5B%E6%B1%82%E5%8A%A9%5D+python+%E5%A6%82%E4%BD%95%E7%88%AC%E5%8F%96+%E7%BD%91%E9%A1%B5%E4%B8%8A%E8%B0%83%E7%94%A8JS%E5%87%BD%E6%95%B0%E6%89%93%E5%BC%80%E7%9A%84%E8%A7%86%E9%A2%91%E9%93%BE%E6%8E%A5.png)
国内外的原型设计工具很多，找一款适合自己的才是最好的。做原型之前头脑要有自己的思路和框架，包括可以借鉴的产品、需要的素材等。
在这里，推荐给大家的原型工具是Axure，移动端可用Justinmind,其他参考（15款优秀移动APP产品原型设计工具），另外，国内还有墨刀，是一款不错的原型设计工具。
如果你还不会使用这款工具，视频课程《Axure RP7.0从入门到精通》可以去学习一下。你觉得自己的时间很宝贵，可以去找外包【68设计、迪麦互动、webppd）等。
制作DEMO一般需要经过的流程：
①脑图（思维导图）把讨论的结果理清：功能模块，逻辑关系，信息架构，业务流程；
②流程图：产品功能的流程，从注册-各功能使用图表的形式来说明这一过程；
③信息框架图：这样比较直观的显示这款产品的结构；
④线框图：低保真的设计图（内容大纲、信息结构、交互行为）
⑤视觉设计（有能力有时间也可以做成交互）：高保真的产品静态设计图（页面(流程)跳转逻辑和明确的文案设计及注释）
→DEMO形成
拓展阅读：
1.一个App的从无到有的过程？（校帮demo）
2.关于制作产品原型时需要注意的几点；
3.常用国内网站：人人都是产品经理、互联网早读课、知乎、UI中国等；国外网站：designmodo.com、UX周刊（uxdesignweekly.com)、每日设计新闻（webdesignernews.com）App设计（materialup.com）、uedfans.cn等；
4.原型协作网站：invisionapp.com、concept.ly、FramerJS；
5.图标：App图标制作（makeappicon.com ）、在线制作图标（flaticons.net）、图标字体(1001freedownloads.com)、icon（concept.ly）、srihost.com、图标集（github.com/mariuszostrowski/subway）、easyicon.net、iconpng.com、findicons.com；
6.在线抠图（clippingmagic.com）、设计师网址导航：hao.uisdc.com；
【一把日报社，一个关注国内外创业投资的博客。】微信号: yibaribao
Axure
Axure RP是美国AxureSoftware Solution公司旗舰产品，是一款快速的产品原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的APP原型设计工具，它比一般创建静态的原型设计工具要快速、高效。
Mockplus
Mockplus（摹客）是一款简洁快速的原型设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计，满足众多用户群体的工作需求。有别于Axure的繁复，Mockplus致力于快速构建和迭代原型，为设计者提供简洁高效的设计方式。如果说Axure是一头大象，那么Mockplus就是一只轻快的小鹿。
从学习曲线来看，较为专业的UI/UX设计师或者时间充足的设计师可以考虑使用Axure；如果设计新手确实想要尝试这款工具，建议先下载中文版进行使用。设计新手或专业设计师都可以考虑使用Mockplus，一款简洁高效的App原型设计工具。使用该软件完成原型设计只需“拖”“放”两个操作，学习曲线基本为零。
、
<script type="text/javascript">
$("a").click(function () {
var href = this
var url = href.href
var name = href.innerHTML
if (url.indexOf("kindeditor") >= 0) {
download(url, name)
return false
}
})
/**
* 下载
* @param {String} url 目标文件地址
* @param {String} filename 想要保存的文件名称
*/
function download(url, filename) {
getBlob(url, function (blob) {
saveAs(blob, filename)
})
}
/**
* 获取 blob
* @param {String} url 目标文件地址
* @return {cb}
*/
function getBlob(url, cb) {
var xhr = new XMLHttpRequest()
xhr.open('GET', url, true)
xhr.responseType = 'blob'
xhr.onload = function () {
if (xhr.status === 200) {
cb(xhr.response)
}
}
xhr.send()
}
/**
* 保存
* @param {Blob} blob
* @param {String} filename 想要保存的文件名称
*/
function saveAs(blob, filename) {
if (window.navigator.msSaveOrOpenBlob) {
navigator.msSaveBlob(blob, filename)
} else {
var link = document.createElement('a')
var body = document.querySelector('body')
link.href = window.URL.createObjectURL(blob)
link.download = filename
// fix Firefox
link.style.display = 'none'
body.appendChild(link)
link.click()
body.removeChild(link)
window.URL.revokeObjectURL(link.href)
}
}
</script>
