系统 System
这类拼图涉及浏览器、编辑器层面的操作。
系统
console_log
向浏览器控制台或状态栏输出信息。多用于调试。
window_alert
创建弹出对话框。用于确认、提示等操作。会暂时挂起程序执行,直到用户确认。
text_prompt_ext
创建输入对话框。用于提交信息。会暂时挂起程序执行,直到用户确认。
feature_available
用于检测浏览器是否支持指定的功能。
object_this
JavaScript中this关键字。
create_variable
用于创建、设置、获取具有块级作用域的常量(const)或变量(let)。
get_function_by_name
获取由拼图定义的函数。
set_get_variable
设置或获取全局对象的键值。若对象的值是一个函数,可执行函数或返回函数的运行结果。
选项卡
exec_tab
执行在选项卡中定义的拼图或代码。
参数
可向选项卡传递参数,可以是任意类型:文本、数字、布尔、数组、对象。
get_tab_arg
用于接收执行选项卡execute_tab
拼图传递的参数。该拼图无法在main
选项卡中使用。
在使用代码类型的编辑器时,可直接访问tab_arg
获得参数。
// 代码编辑器
console.log(tab_arg) // execute_tab拼图参数
return_tab_result
用于从选项卡内部返回一个结果。不能用于main
选项卡。
本地存储
set_get_local_storage_item
用于设置和获取浏览器本地存储空间中的数据。
本地存储的值只支持文本(String)类型,如果要存储的数据为对象类型,需要使用convert_object_to_json拼图将其转换为JSON;相反,要访问一个JSON类型的本地存储,需要使用convert_json_to_object拼图将其转换为对象。
查看本地存储,可在浏览器中通过快捷键Windows:Ctrl
+ Shift
+ I
或 F12
,macOS: commond + option + I
打开开发者工具,切换到应用
选项卡,点击左侧本地存储空间
。
local_storage_remove_item
从本地存储中移除元素。
网络请求
create_web_request
创建一个WebRequest对象用于与服务器交互。通过 WebRequest 可以在不刷新页面的情况下请求特定 URL,获取数据。这允许网页在不影响用户操作的情况下,更新页面的局部内容。
深入学习,请参考https://developer.mozilla.org/en-US/docs/Web/HTTP
参数:
- method - 进行网络请求的方法
- GET - 用于从服务器获取数据
- POST - 用于发送数据给服务器
- PUT - 用于修改服务器指定资源
- DELETE - 用于删除服务器指定的资源
- url - 要请求的资源地址
参考:https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods
web_request_events
WebRequest对象的事件。
参数:
- abort - 当请求取消时触发
- error - 当请求发生错误时触发
- load - 当网络请求传输完成时触发
- loadend - 当请求完成时触发,不管是否成功
- loadstart - 当网络请求开始加载数据时触发
- progress - 当请求收到更多数据时定期触发
- readystatechange - 当readyState属性改变时触发
- timeout - 由于预设时间到期而终止进度时触发
参考:https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest#events
web_request_prop
设置或获取WebRequest对象的属性。
参数:
- readyState - (number) 返回客户端状态,参考:readyState
- response - (any) 返回客户端响应
- responseText - (string) 以文本形式返回客户端响应
- responseType - (void) 设置或获取期望的响应类型
- responseURL - (string) 返回客户端响应地址
- status - (number) 返回客户端状态,参考:状态码
- statusText - (string) 以文本形式返回客户端状态
- timeout - (number) 设置或获取超时时间,单位毫秒
参考:https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest#properties
set_web_request_header
设置请求头。
参考:https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers
send_web_request
启动请求。可选参数data
用于提供请求正文。如果请求方法为GET
或HEAD
,则忽略该参数。
参考:https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/send
其它
advanced_comment
用于添加单行注释。
advanced_connect
用于连接带返回值的拼图。该拼图不会产生任何代码,仅用于连接,以方便整体操作拼图。
advanced_new_line
用于换行。