如何自动加载scratch3.0的页面上实现自动加载原有的作品

首先，我们在安装scratch3。0后，浏览器默认打开的是编程的页面。如下图：

那么我们希望开发一个功能，就是打开的时候默认加入某一个SB3的开发文件

1.首先，我们需要有一个.SB3的开发文件，建议上传到STATIC目录下

2、找到scratch-gui-develop>src>container》gui.jsx文件

找到44行的componentDidMount函数

　　新增以下代码

const url="/static/123.sb3";

fetch(url,{

method: 'GET'

})

.then(response=>response.blob())

.then(blob=>{

const reader=new FileReader();

reader.οnlοad=()=>this.props.vm.loadProject(reader.result)

.then(()=>{

GoogleAnalytics.event({

category:'project',

action:'Import Project File',

nonInteraction:true

})

reader.readAsArrayBuffer(blob)

})

.catch(error=>{

alert(`远程加载文件错误！${error}`)

})

文件加载完毕

此外，我们例如希望开发像修改作业之类的，我们可以需要进行文件的传递

我们需要将上面的第一行

const url="/static/123.sb3";

更改为

const url=window.projecturl;

然后呢。在首页，例如paly.html添加上以上代码，或者自己用参数来传递

window.projectUrl="https://steam.nosdn.127.net/885318eb-ad83-44c4-afe3-d3bea0a0d2ab.sb3";

</script>

如何自动加载scratch3.0的页面上实现自动加载原有的作品相关推荐

jq判断html加载完成,jquery – 检测页面是否已完成加载
有一种方法来检测页面何时完成加载,即其所有内容,javascript和资产,如CSS和图像? 所以喜欢: if(PAGE HAS FINISHED LOADING) { // do something ...
使用JavaScript实现在页面上所有内容加载完之前一直显示loading...页面
Html 1 <body class="is-loading"> 2 <div class="curtain"> 3 <div c ...
【名说】脚本程序转桌面exe应用自动打开IE浏览器至指定页面内并自动设置好兼容性视图
[需求描述]:对于B/S系统,需要用户打开IE浏览器访问,并且需要设置IE的兼容性视图,将指定网址添加进兼容性视图里,操作看起来很繁琐,用户想要桌面上有个图标,点一下就可以直接进入页面,并且不需要自己 ...
一加3t android6.0,业界最良心！一加3/3T官方确认升级Android O
与苹果手机的iOS不同,搭载安卓系统的手机就比较悲催.因为升级速度总是慢半拍,甚至停滞不前.继HTC U11,另一款手机也确认将会升级Android O,它就是来自中国的一加手机3/3T. 今天,一加 ...
favicon自动获取_wordpress网站友情链接页面使用DNSPod自动获取网站favicon图标教程...
在网站的友情链接页面,经常可以看到网站的图标增加美感.在以前,有些是直接使用favicon.ico地址读取,但是确有弊端那就是很多网站首页并没有favicon.ico,就不可靠.还有一部分人采用的是谷 ...
JavaScript之网页页面上实现自动点击
setInterval(function(){document.getElementById("单击按钮的Id").click();},1000);
加载数据时，页面显示正在加载的动画，支持移动端
最近在使用ionic3做一个移动端APP,在用户网络环境差的时候,查询数据会比较慢,这个时候需要模拟其他成熟的APP给页面上加入一个加载的动画.由于一开始我不知道ionic3本身已经提供了一套组件,所 ...
页面优化之懒加载与预加载
1.前言 PC端网速较快,现在普通都是百兆宽带,那么折算一下就是10M/s的下载速度,基本上资源如果在10M以内的话加载还是比较快的. 但是移动端就不行了.移动端需要消耗巨额的流量,所以尽量减少移动端 ...
页面上拉加载数据(也就是上拉实现分页)
之所以发这个博客是因为网上百度了太多没法直接套用所以写这个可以直接套用先上代码截图 <script type="text/javascript"> ...
[小黄书小程序]主页面笔记图片高度自适应及上拉无限加载及下拉更新
上一章我们实现了小黄书小程序标签栏的左右滑动和弹出框UI功能,今天我们会开始实现主页面中笔记的呈现. 主要的功能会囊括以下几个方面: 笔记的两列式布局: 一行只是显示两个笔记.且每个笔记的封面图片的高 ...

如何自动加载scratch3.0的页面上实现自动加载原有的作品

如何自动加载scratch3.0的页面上实现自动加载原有的作品相关推荐

最新文章

热门文章