 We do we do a whole lot of mobile web development, right? Yes, and it's important to to be properly cross-device testing stuff So it looks beautiful, and it's fast and performant and everything we try we try There are a lot of tools involved in that. So what do you use? There are a lot of tools out there what I use those are probably a bad example like I think one of my main issues is a lot of these tools are Really hard to just get set up and working all together and just happy So for me these browser sync, but I'm really heavily relying on DevTools like the device emulation mode And I'm still doing the browser wobbling backwards and forwards device mode has got presets for all the devices in there I know but the problem is like DevTools takes up X amount of space and then you've got this This is why you've got you got it like so I've got a second monitor specifically for my full-screen DevTools And you can yeah, but then I need a second one is like I do a lot of it just on my laptop nothing else So I get what you mean though like it that like if I could just stick to device mode over But DevTools and just doesn't munch well with me in my head. Okay, I smoke like just on this one screen Yeah, that's the only thing. All right. It sounds like something we could be doing better So I use I use browser stack pretty heavily It's great for like just so browser stack is like a cloud-based service where you've got a Description and you can just like fire off URLs and open them up and different OSes different mobile devices Yeah, here. I've got like my site loaded up on iOS on a like an iPhone 6 plus Yep, and I can control I can control the device I can navigate on here. It's not just a static screen shot So it's actually pretty useful. Yeah, and I find browser stack pretty useful It's got me a sport for screenshots and all that stuff I've found browser stack to be really useful when you want to do like manual testing So you're literally you're you're making changes, especially when you do local host tunneling You just make local changes. It's almost immediately back on the emulator You can scroll around and it's great for like I say manual testing I've used sils labs where I've actually created scripts to literally just take screenshots of it Run simple tests like how long it takes pages to load different things like that And that was quite a while ago that I did that like now you've got things like web page tests performance and everything But so slabs seems like it's more geared towards like automation of tests. Yeah So we use we use saw slabs for things like continues integration It's like so say you've got a per request that you want to make sure works across all your target browsers Sauce labs is perfect for just like mailing that use case Yeah Browser stacks really good if you're I think if you're working on personal projects I know there are people that use browser stack and sort of a CI setup as well with selenium And what else so I think you and I both use browser sync actually I never used to use browser sync because then you met me and your life was better No, I learned about browser sync because of you but the thing that you never told to me was that you So when you're in the gulp file you can actually just define a proxy for Browser sync to actually go through so you at some point I expect you to read Why do you think we keep on doing this so you can define a proxy which in this case I just say the proxy is local host and then what happens is I can have an engine X ever and then browser sync will create a Separate port and it will just inject the JavaScript that browser sync needs to work which you never told me about So I've only just learned about it But it means that now I can have the devices like this and it'll sync scrolls. It'll sync touches It does whatever I tell it to do and that's like awesome and Yeah, it's just any visual changes that I make in terms of code It'll just reload and it'll just happen Which is really really nice because you have devices like this on your diet like desk Or I'll even have it with a couple of browsers just on my desktop machine running And I can just do Any kind of commands on here any actions and it's just matched across all the browsers or all the devices Yeah, browser sync is awesome Like we I think we covered it in another episode that it's also got this really nice UI for configuring, you know network throttling Configuring, you know, do you want it to sync clicks and forms and scrolls and all that other stuff? So browser sync is probably my favorite cross device testing tool I'd say The other thing that we use pretty heavily. It's just like regular old VM set up Yeah, some people some people use virtual box. I use VMWare But it's just it's really nice being able to easily fire up like old versions of VMs with IE and edge and all those other things on them Yeah, I don't have a Windows machine. So I pretty much rely on the the VMWare images. Well, I'm sorry the virtual box images Because yes, that's them for me. It's much easier than using some like browser stack or source source I'm gonna do a quick test to do it locally Works a little bit better in my opinion and it's the same with emulators and mobile devices Like I've especially safaris like the IOS emulators really really good Android Not so much, but you know so actually there's something that I Came across when I was in Tokyo recently and it's a tool It's been in development for two years and it kind of blows the water out of any other cross device testing thing for Android Yeah, it's called. I think it's called open stf. It's by it's by two guys that they work at cyber agent But it's just it basically it's the kitchen sink for mobile device testing It gives you this really beautiful visual catalogue of all the devices you have connected up You can easily control them you get like are you familiar with DevTools screen casting feature? Yes So this basically does that but for all these other devices you've plugged in so it's like so DevTools screen casting is great for a Single device this is great for like a multitude of them where you want to set up a device lab And this is very much like I always see this as like a supplement something like browser sync because This basically helps you control all the devices in terms of like launching the browser and pointing them to a particular URL Which is the one bit that I hate about all of this and it's pretty much all I've ever done with the Mini mobile device lab stuff with Peter Page Like that entire focus is like how do I launch a browser with this URL and it seems like they've basically taken that and then just Put it on steroids and made it ridiculously awesome. This is the best thing ever. It's so so awesome So I guess we just need to go set it up. Yeah, I definitely want want to get this set up in Google And there's a lot of people that would benefit from it. No, we're gonna keep this for ourselves. Just ourselves. No videos No one else can touch it never