一个Rails应用程序,可以在使用HTML5维护浏览器的历史状态时通过Ajax加载新内容.我有一个在Heroku上运行的应用程序的超级基本版本.我还设置了一个公共GitHub存储库,以便更详细地查看下面提到的所有代码.
我使用HTML5浏览器历史记录API成功实现了基本应用程序(有时我也使用History.js jQuery插件创建了一个版本).在用户单击非ajax链接然后点击后退按钮之前,一切正常.例如,如果用户单击了第2项,则应用程序会成功加载新内容并更改浏览器状态.如果他们点击后退按钮,它也会正确地重新加载以前的内容,并将浏览器状态更改为匹配.但是,如果用户随后浏览到另一个网页(互联网上的任何其他页面),然后单击其浏览器的后退按钮,则Rails应用程序将呈现原始javascript而不是原始页面.
一切正常,直到最后一步,当控制器开始从show.js.erb而不是show.html.erb返回原始javascript时.我已经尝试更改控制器中的几个设置,但我无法弄清楚具体是什么造成的.我知道如果我删除show.js.erb中的history.pushState调用,问题就会停止(尽管显然我失去了我首先寻找的所有浏览器历史记录功能).
有任何想法吗？
这就是它的全部工作方式(我想!).
用户点击链接,看起来像这样:
<%= link_to number_to_human(volume.number), volume_path(volume), :remote => true %>
这会向控制器发送一个javascript请求,如下所示:
def show
@volume = Volume.find(params[:id])
respond_to do |format|
format.html # show.html.erb
format.js # show.js.erb
format.json { render json: @volume }
end
end
这会将请求传递给show.js.erb,如下所示:
var stateObject = {"html": "<%= escape_javascript render(@volume) %>"};
history.pushState(stateObject,'',"<%= escape_javascript volume_path(@volume) %>");
$('#volumes').fadeTo(0, 0);
$('#volumes').html(stateObject.html).fadeTo('slow', 1.0);
然后,它替换原始页面上div标签的内容,并使用pushState创建状态对象并更改页面URL.
然后,用户可以单击后退按钮,附加到show.html.erb中window.onpopstate事件的javascript将重新加载相应的内容:
if(history.pushState) {
window.onpopstate = function(event) {
if (event.state != null) {
$('#volumes').html(event.state.html);
}
} …我正在将旧的 macOS 应用程序转换为 SwiftUI，但在使用新的 SwiftUI WindowGroup 时遇到了问题。
旧的应用程序是一个单窗口应用程序（基本上是一个美化的计时器），并且可以使用 URL 方案（appname://15）来更改计时器。
我尝试使用 onOpenURL 方法重新创建旧的 URL 方案功能，但每当触发 URL 方案时，应用程序都会打开一个新窗口，并且我不知道如何阻止这种情况发生。
var body: some Scene {
WindowGroup {
ContentView()
.onOpenURL(perform: { url in
print("\(url)") // This is just debug code
})
}.commands {
CommandGroup(replacing: .newItem, addition: { })
}
}
我不介意新版本的应用程序是否允许多个计时器，但 url 方案绝对不是为了每次使用时都打开新窗口。
如何阻止 onOpenURL 启动新窗口？我专门转换应用程序来学习 SwiftUI，但如果无法在 SwiftUI 中执行此行为，我愿意在一些 AppKit 代码中进行混合和匹配。